<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1632497" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">auto</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">all</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">bussiness-man</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">component</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">code</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">copy</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">dollar</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">history</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">editor</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">data</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">gift</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">integral</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">nav-list</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">pic</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">Not visible</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">play</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">rising</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">QRcode</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">rmb</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">similar-product</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">export services</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">send inquiry</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">all-fill</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">favorites-fill</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">integral-fill</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">namecard-fill</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">pic-fill</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">play-fill</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">prompt-fill</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">stop-fill</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">3column</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">add-account</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">4column</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">agriculture</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">2years</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">add-cart</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">arrow-right</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">arrow-lift</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">apparel</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">all</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">arrow-up</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">ascending</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">ashbin</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">atm</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">bad</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">attachent</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">browse</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">beauty</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">atm-away</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">assessed-badge</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">auto</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">bags</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">calendar</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">cart- full</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">calculator</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">camera switching</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">cecurity-protection</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">category</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">certified-supplier</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">cart-Empty</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">code</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">color</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">conditions</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">confirm</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">company</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">ali-clould</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">copy</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">credit-level</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">coupons</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">connections</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">cry</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">costoms-alearance</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">clock</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">Currency Converter</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">cut</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">data</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">Customer management</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">descending</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">double-arro- right</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">customization</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">double-arrow-left</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">discount</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">download</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">dollar</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">default-template</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">editor</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">eletrical</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">electronics</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">etrical-equipm</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">ellipsis</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">email</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">falling</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">earth</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">filter</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">furniture</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">folder</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">feeds</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">history</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">hardware</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">help</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">good</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">Household appliances</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">gift</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">form</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">image-text</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">hot</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">inspection</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">left button</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">jewelry</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">ipad</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">left arrow</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">integral</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">kitchen</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">inquiry-template</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">link</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">libra</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">loading</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">listing-content</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">lights</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">logistics-icon</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">message center</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">mobile-phone</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">manage-order</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">move</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">Money management</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">namecard</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">map</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">New user zone</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">multi-language</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">office</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">notice</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">on time shipment</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">office-supplies</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">password</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">Not visible</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">operation</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">packaging</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">online-tracking</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">packing-labeling</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">pic</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">pin</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">play</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">logistic-logo</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">print</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">product</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">machinery</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">process</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">prompt</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">QRcode</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">reeor</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">reduce</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">Non-staple food</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">rejected-order</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">resonse rate</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">remind</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">response time</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">return</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">paylater</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">rising</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">Right arrow</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">rmb</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">RFQ-logo</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">save</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">scanning</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">security</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">sales center</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">seleted</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">search cart</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">raw</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">service</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">signboard</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">shuffling-banner</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">Right button</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">sorting</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">sound-Mute</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">category products</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">sound-filling</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">suggest</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">stop</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">success</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">supplier-features</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">switch</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">survey</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">template</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">text</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">suspended</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">task-management</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e2;</span>
                <div class="name">tool</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">top</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">smile</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">textile-products</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">trade alert</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">top sales</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">trading volume</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">training</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">upload</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">RFQ-word</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">view larger</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">viewgallery</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">vehivles</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">trust</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">warning</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">warehouse</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">shoes</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f3;</span>
                <div class="name">video</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f4;</span>
                <div class="name">viewlist</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f5;</span>
                <div class="name">set</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">store</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f7;</span>
                <div class="name">tool-hardware</div>
                <div class="code-name">&amp;#xe7f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">vs</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f9;</span>
                <div class="name">toy</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">sport</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fb;</span>
                <div class="name">credit card</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fc;</span>
                <div class="name">contacts</div>
                <div class="code-name">&amp;#xe7fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fd;</span>
                <div class="name">checkstand</div>
                <div class="code-name">&amp;#xe7fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fe;</span>
                <div class="name">aviation</div>
                <div class="code-name">&amp;#xe7fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ff;</span>
                <div class="name">Daytime mode</div>
                <div class="code-name">&amp;#xe7ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe800;</span>
                <div class="name">infant & mom</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe801;</span>
                <div class="name">discounts</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe802;</span>
                <div class="name">invoice</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe803;</span>
                <div class="name">insurance</div>
                <div class="code-name">&amp;#xe803;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe804;</span>
                <div class="name">night mode</div>
                <div class="code-name">&amp;#xe804;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe805;</span>
                <div class="name">user center</div>
                <div class="code-name">&amp;#xe805;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe806;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe806;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe807;</span>
                <div class="name">vip</div>
                <div class="code-name">&amp;#xe807;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe808;</span>
                <div class="name">wallet</div>
                <div class="code-name">&amp;#xe808;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe809;</span>
                <div class="name">land transportation</div>
                <div class="code-name">&amp;#xe809;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80a;</span>
                <div class="name">voice</div>
                <div class="code-name">&amp;#xe80a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80b;</span>
                <div class="name">exchange rate</div>
                <div class="code-name">&amp;#xe80b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80c;</span>
                <div class="name">contacts-fill</div>
                <div class="code-name">&amp;#xe80c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80d;</span>
                <div class="name">add-account</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80e;</span>
                <div class="name">2years-fill</div>
                <div class="code-name">&amp;#xe80e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80f;</span>
                <div class="name">add-cart-fill</div>
                <div class="code-name">&amp;#xe80f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe810;</span>
                <div class="name">add-fill</div>
                <div class="code-name">&amp;#xe810;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe811;</span>
                <div class="name">all-fill</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe812;</span>
                <div class="name">ashbin-fill</div>
                <div class="code-name">&amp;#xe812;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe813;</span>
                <div class="name">calendar-fill</div>
                <div class="code-name">&amp;#xe813;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe814;</span>
                <div class="name">bad-fill</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">bussiness-man-fill</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
                <div class="name">atm-fill</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">cart- full-fill</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">cart-Empty-fill</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe819;</span>
                <div class="name">camera switching-fill</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81a;</span>
                <div class="name">atm-away-fill</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81b;</span>
                <div class="name">certified-supplier-fill</div>
                <div class="code-name">&amp;#xe81b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">calculator-fill</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81d;</span>
                <div class="name">clock-fill</div>
                <div class="code-name">&amp;#xe81d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81e;</span>
                <div class="name">ali-clould-fill</div>
                <div class="code-name">&amp;#xe81e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81f;</span>
                <div class="name">color-fill</div>
                <div class="code-name">&amp;#xe81f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe820;</span>
                <div class="name">coupons-fill</div>
                <div class="code-name">&amp;#xe820;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe821;</span>
                <div class="name">cecurity-protection-fill</div>
                <div class="code-name">&amp;#xe821;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe822;</span>
                <div class="name">credit-level-fill</div>
                <div class="code-name">&amp;#xe822;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe823;</span>
                <div class="name">default-template-fill</div>
                <div class="code-name">&amp;#xe823;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe824;</span>
                <div class="name">Currency Converter-fill</div>
                <div class="code-name">&amp;#xe824;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe825;</span>
                <div class="name">Customer management-fill</div>
                <div class="code-name">&amp;#xe825;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe826;</span>
                <div class="name">discounts-fill</div>
                <div class="code-name">&amp;#xe826;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe827;</span>
                <div class="name">Daytime mode-fill</div>
                <div class="code-name">&amp;#xe827;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe828;</span>
                <div class="name">exl-fill</div>
                <div class="code-name">&amp;#xe828;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe829;</span>
                <div class="name">cry-fill</div>
                <div class="code-name">&amp;#xe829;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82a;</span>
                <div class="name">email-fill</div>
                <div class="code-name">&amp;#xe82a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82b;</span>
                <div class="name">filter-fill</div>
                <div class="code-name">&amp;#xe82b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82c;</span>
                <div class="name">folder-fill</div>
                <div class="code-name">&amp;#xe82c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82d;</span>
                <div class="name">feeds-fill</div>
                <div class="code-name">&amp;#xe82d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82e;</span>
                <div class="name">gold-supplie-fill</div>
                <div class="code-name">&amp;#xe82e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82f;</span>
                <div class="name">form-fill</div>
                <div class="code-name">&amp;#xe82f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe830;</span>
                <div class="name">camera-fill</div>
                <div class="code-name">&amp;#xe830;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe831;</span>
                <div class="name">good-fill</div>
                <div class="code-name">&amp;#xe831;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe832;</span>
                <div class="name">image-text-fill</div>
                <div class="code-name">&amp;#xe832;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe833;</span>
                <div class="name">inspection-fill</div>
                <div class="code-name">&amp;#xe833;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe834;</span>
                <div class="name">hot-fill</div>
                <div class="code-name">&amp;#xe834;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe835;</span>
                <div class="name">company-fill</div>
                <div class="code-name">&amp;#xe835;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe836;</span>
                <div class="name">discount-fill</div>
                <div class="code-name">&amp;#xe836;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe837;</span>
                <div class="name">insurance-fill</div>
                <div class="code-name">&amp;#xe837;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe838;</span>
                <div class="name">inquiry-template-fill</div>
                <div class="code-name">&amp;#xe838;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe839;</span>
                <div class="name">left button-fill</div>
                <div class="code-name">&amp;#xe839;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83a;</span>
                <div class="name">integral-fill</div>
                <div class="code-name">&amp;#xe83a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83b;</span>
                <div class="name">help</div>
                <div class="code-name">&amp;#xe83b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83c;</span>
                <div class="name">listing-content-fill</div>
                <div class="code-name">&amp;#xe83c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83d;</span>
                <div class="name">logistic-logo-fill</div>
                <div class="code-name">&amp;#xe83d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83e;</span>
                <div class="name">Money management-fill</div>
                <div class="code-name">&amp;#xe83e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83f;</span>
                <div class="name">manage-order-fill</div>
                <div class="code-name">&amp;#xe83f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe840;</span>
                <div class="name">multi-language-fill</div>
                <div class="code-name">&amp;#xe840;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe841;</span>
                <div class="name">logistics-icon-fill</div>
                <div class="code-name">&amp;#xe841;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe842;</span>
                <div class="name">New user zone-fill</div>
                <div class="code-name">&amp;#xe842;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe843;</span>
                <div class="name">night mode-fill</div>
                <div class="code-name">&amp;#xe843;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe844;</span>
                <div class="name">office-supplies-fill</div>
                <div class="code-name">&amp;#xe844;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe845;</span>
                <div class="name">notice-fill</div>
                <div class="code-name">&amp;#xe845;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe846;</span>
                <div class="name">mute</div>
                <div class="code-name">&amp;#xe846;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe847;</span>
                <div class="name">order-fill</div>
                <div class="code-name">&amp;#xe847;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe848;</span>
                <div class="name">password</div>
                <div class="code-name">&amp;#xe848;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe849;</span>
                <div class="name">map</div>
                <div class="code-name">&amp;#xe849;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84a;</span>
                <div class="name">paylater-fill</div>
                <div class="code-name">&amp;#xe84a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84b;</span>
                <div class="name">phone-fill</div>
                <div class="code-name">&amp;#xe84b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84c;</span>
                <div class="name">online-tracking-fill</div>
                <div class="code-name">&amp;#xe84c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84d;</span>
                <div class="name">play-fill</div>
                <div class="code-name">&amp;#xe84d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84e;</span>
                <div class="name">pdf-fill</div>
                <div class="code-name">&amp;#xe84e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84f;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe84f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe850;</span>
                <div class="name">pin-fill</div>
                <div class="code-name">&amp;#xe850;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe851;</span>
                <div class="name">product-fill</div>
                <div class="code-name">&amp;#xe851;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe852;</span>
                <div class="name">ranking list-fill</div>
                <div class="code-name">&amp;#xe852;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe853;</span>
                <div class="name">reduce-fill</div>
                <div class="code-name">&amp;#xe853;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe854;</span>
                <div class="name">reeor-fill</div>
                <div class="code-name">&amp;#xe854;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe855;</span>
                <div class="name">pic-fill</div>
                <div class="code-name">&amp;#xe855;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe856;</span>
                <div class="name">ranking list</div>
                <div class="code-name">&amp;#xe856;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe857;</span>
                <div class="name">product</div>
                <div class="code-name">&amp;#xe857;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe858;</span>
                <div class="name">prompt-fill</div>
                <div class="code-name">&amp;#xe858;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe859;</span>
                <div class="name">resonse rate-fill</div>
                <div class="code-name">&amp;#xe859;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85a;</span>
                <div class="name">remind-fill</div>
                <div class="code-name">&amp;#xe85a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85b;</span>
                <div class="name">Right button-fill</div>
                <div class="code-name">&amp;#xe85b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85c;</span>
                <div class="name">RFQ-logo-fill</div>
                <div class="code-name">&amp;#xe85c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85d;</span>
                <div class="name">RFQ-word-fill</div>
                <div class="code-name">&amp;#xe85d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85e;</span>
                <div class="name">search cart-fill</div>
                <div class="code-name">&amp;#xe85e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85f;</span>
                <div class="name">sales center-fill</div>
                <div class="code-name">&amp;#xe85f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe860;</span>
                <div class="name">save-fill</div>
                <div class="code-name">&amp;#xe860;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe861;</span>
                <div class="name">security-fill</div>
                <div class="code-name">&amp;#xe861;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe862;</span>
                <div class="name">category products-fill</div>
                <div class="code-name">&amp;#xe862;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe863;</span>
                <div class="name">signboard-fill</div>
                <div class="code-name">&amp;#xe863;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe864;</span>
                <div class="name">service-fill</div>
                <div class="code-name">&amp;#xe864;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe865;</span>
                <div class="name">shuffling-banner-fill</div>
                <div class="code-name">&amp;#xe865;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe866;</span>
                <div class="name">supplier-features-fill</div>
                <div class="code-name">&amp;#xe866;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe867;</span>
                <div class="name">store-fill</div>
                <div class="code-name">&amp;#xe867;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe868;</span>
                <div class="name">smile-fill</div>
                <div class="code-name">&amp;#xe868;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe869;</span>
                <div class="name">success-fill</div>
                <div class="code-name">&amp;#xe869;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86a;</span>
                <div class="name">sound-filling-fill</div>
                <div class="code-name">&amp;#xe86a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86b;</span>
                <div class="name">sound-Mute</div>
                <div class="code-name">&amp;#xe86b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86c;</span>
                <div class="name">suspended-fill</div>
                <div class="code-name">&amp;#xe86c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86d;</span>
                <div class="name">tool-fill</div>
                <div class="code-name">&amp;#xe86d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86e;</span>
                <div class="name">task-management-fill</div>
                <div class="code-name">&amp;#xe86e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86f;</span>
                <div class="name">unlock-fill</div>
                <div class="code-name">&amp;#xe86f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe870;</span>
                <div class="name">trust-fill</div>
                <div class="code-name">&amp;#xe870;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe871;</span>
                <div class="name">vip-fill</div>
                <div class="code-name">&amp;#xe871;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe872;</span>
                <div class="name">set</div>
                <div class="code-name">&amp;#xe872;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe873;</span>
                <div class="name">top-fill</div>
                <div class="code-name">&amp;#xe873;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe874;</span>
                <div class="name">view larger</div>
                <div class="code-name">&amp;#xe874;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe875;</span>
                <div class="name">voice-fill</div>
                <div class="code-name">&amp;#xe875;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe876;</span>
                <div class="name">warning-fill</div>
                <div class="code-name">&amp;#xe876;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe877;</span>
                <div class="name">warehouse-fill</div>
                <div class="code-name">&amp;#xe877;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe878;</span>
                <div class="name">zip-fill</div>
                <div class="code-name">&amp;#xe878;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe879;</span>
                <div class="name">trade-assurance-fill</div>
                <div class="code-name">&amp;#xe879;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87a;</span>
                <div class="name">vs-fill</div>
                <div class="code-name">&amp;#xe87a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87b;</span>
                <div class="name">video</div>
                <div class="code-name">&amp;#xe87b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87c;</span>
                <div class="name">template-fill</div>
                <div class="code-name">&amp;#xe87c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87d;</span>
                <div class="name">wallet</div>
                <div class="code-name">&amp;#xe87d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87e;</span>
                <div class="name">training</div>
                <div class="code-name">&amp;#xe87e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87f;</span>
                <div class="name">packing-labeling-fill</div>
                <div class="code-name">&amp;#xe87f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe880;</span>
                <div class="name">export services-fill</div>
                <div class="code-name">&amp;#xe880;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe881;</span>
                <div class="name">brand-fill</div>
                <div class="code-name">&amp;#xe881;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe882;</span>
                <div class="name">collection</div>
                <div class="code-name">&amp;#xe882;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe883;</span>
                <div class="name">consumption-fill</div>
                <div class="code-name">&amp;#xe883;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe884;</span>
                <div class="name">collection-fill</div>
                <div class="code-name">&amp;#xe884;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe885;</span>
                <div class="name">brand</div>
                <div class="code-name">&amp;#xe885;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe886;</span>
                <div class="name">rejected-order-fill</div>
                <div class="code-name">&amp;#xe886;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe887;</span>
                <div class="name">homepage-ads-fill</div>
                <div class="code-name">&amp;#xe887;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe888;</span>
                <div class="name">homepage-ads</div>
                <div class="code-name">&amp;#xe888;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe889;</span>
                <div class="name">scenes-fill</div>
                <div class="code-name">&amp;#xe889;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88a;</span>
                <div class="name">scenes</div>
                <div class="code-name">&amp;#xe88a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88b;</span>
                <div class="name">similar-product-fill</div>
                <div class="code-name">&amp;#xe88b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88c;</span>
                <div class="name">topraning-fill</div>
                <div class="code-name">&amp;#xe88c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88d;</span>
                <div class="name">consumption</div>
                <div class="code-name">&amp;#xe88d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88e;</span>
                <div class="name">topraning</div>
                <div class="code-name">&amp;#xe88e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88f;</span>
                <div class="name">gold-supplier</div>
                <div class="code-name">&amp;#xe88f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe890;</span>
                <div class="name">message center-fill</div>
                <div class="code-name">&amp;#xe890;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe891;</span>
                <div class="name">quick</div>
                <div class="code-name">&amp;#xe891;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe892;</span>
                <div class="name">writing</div>
                <div class="code-name">&amp;#xe892;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe893;</span>
                <div class="name">doc-fill</div>
                <div class="code-name">&amp;#xe893;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe894;</span>
                <div class="name">jpge-fill</div>
                <div class="code-name">&amp;#xe894;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe895;</span>
                <div class="name">gif-fill</div>
                <div class="code-name">&amp;#xe895;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe896;</span>
                <div class="name">bmp-fill</div>
                <div class="code-name">&amp;#xe896;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe897;</span>
                <div class="name">tif-fill</div>
                <div class="code-name">&amp;#xe897;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe898;</span>
                <div class="name">png-fill</div>
                <div class="code-name">&amp;#xe898;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe899;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe899;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89a;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe89a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89b;</span>
                <div class="name">send inquiry-fill</div>
                <div class="code-name">&amp;#xe89b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89c;</span>
                <div class="name">comments-fill</div>
                <div class="code-name">&amp;#xe89c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89d;</span>
                <div class="name">account-fill</div>
                <div class="code-name">&amp;#xe89d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89e;</span>
                <div class="name">feed-logo-fill</div>
                <div class="code-name">&amp;#xe89e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89f;</span>
                <div class="name">feed-logo</div>
                <div class="code-name">&amp;#xe89f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a0;</span>
                <div class="name">home-fill</div>
                <div class="code-name">&amp;#xe8a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a1;</span>
                <div class="name">add-select</div>
                <div class="code-name">&amp;#xe8a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a2;</span>
                <div class="name">sami-select</div>
                <div class="code-name">&amp;#xe8a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a3;</span>
                <div class="name">camera</div>
                <div class="code-name">&amp;#xe8a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a4;</span>
                <div class="name">arrow-down</div>
                <div class="code-name">&amp;#xe8a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a5;</span>
                <div class="name">account</div>
                <div class="code-name">&amp;#xe8a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a6;</span>
                <div class="name">comments</div>
                <div class="code-name">&amp;#xe8a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a7;</span>
                <div class="name">cart-Empty</div>
                <div class="code-name">&amp;#xe8a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a8;</span>
                <div class="name">favorites</div>
                <div class="code-name">&amp;#xe8a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a9;</span>
                <div class="name">order</div>
                <div class="code-name">&amp;#xe8a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8aa;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe8aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ab;</span>
                <div class="name">trade-assurance</div>
                <div class="code-name">&amp;#xe8ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ac;</span>
                <div class="name">user center</div>
                <div class="code-name">&amp;#xe8ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ad;</span>
                <div class="name">trading data</div>
                <div class="code-name">&amp;#xe8ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ae;</span>
                <div class="name">microphone</div>
                <div class="code-name">&amp;#xe8ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8af;</span>
                <div class="name">txt</div>
                <div class="code-name">&amp;#xe8af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b0;</span>
                <div class="name">xlsx</div>
                <div class="code-name">&amp;#xe8b0;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconauto"></span>
            <div class="name">
              auto
            </div>
            <div class="code-name">.iconauto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconall"></span>
            <div class="name">
              all
            </div>
            <div class="code-name">.iconall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbussiness-man"></span>
            <div class="name">
              bussiness-man
            </div>
            <div class="code-name">.iconbussiness-man
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcomponent"></span>
            <div class="name">
              component
            </div>
            <div class="code-name">.iconcomponent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcode"></span>
            <div class="name">
              code
            </div>
            <div class="code-name">.iconcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcopy"></span>
            <div class="name">
              copy
            </div>
            <div class="code-name">.iconcopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondollar"></span>
            <div class="name">
              dollar
            </div>
            <div class="code-name">.icondollar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhistory"></span>
            <div class="name">
              history
            </div>
            <div class="code-name">.iconhistory
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeditor"></span>
            <div class="name">
              editor
            </div>
            <div class="code-name">.iconeditor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondata"></span>
            <div class="name">
              data
            </div>
            <div class="code-name">.icondata
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongift"></span>
            <div class="name">
              gift
            </div>
            <div class="code-name">.icongift
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconintegral"></span>
            <div class="name">
              integral
            </div>
            <div class="code-name">.iconintegral
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnav-list"></span>
            <div class="name">
              nav-list
            </div>
            <div class="code-name">.iconnav-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic"></span>
            <div class="name">
              pic
            </div>
            <div class="code-name">.iconpic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconNotvisible"></span>
            <div class="name">
              Not visible
            </div>
            <div class="code-name">.iconNotvisible
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay"></span>
            <div class="name">
              play
            </div>
            <div class="code-name">.iconplay
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrising"></span>
            <div class="name">
              rising
            </div>
            <div class="code-name">.iconrising
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconQRcode"></span>
            <div class="name">
              QRcode
            </div>
            <div class="code-name">.iconQRcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrmb"></span>
            <div class="name">
              rmb
            </div>
            <div class="code-name">.iconrmb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsimilar-product"></span>
            <div class="name">
              similar-product
            </div>
            <div class="code-name">.iconsimilar-product
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconExportservices"></span>
            <div class="name">
              export services
            </div>
            <div class="code-name">.iconExportservices
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsendinquiry"></span>
            <div class="name">
              send inquiry
            </div>
            <div class="code-name">.iconsendinquiry
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconall-fill"></span>
            <div class="name">
              all-fill
            </div>
            <div class="code-name">.iconall-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfavorites-fill"></span>
            <div class="name">
              favorites-fill
            </div>
            <div class="code-name">.iconfavorites-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconintegral-fill"></span>
            <div class="name">
              integral-fill
            </div>
            <div class="code-name">.iconintegral-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnamecard-fill"></span>
            <div class="name">
              namecard-fill
            </div>
            <div class="code-name">.iconnamecard-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic-fill"></span>
            <div class="name">
              pic-fill
            </div>
            <div class="code-name">.iconpic-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay-fill"></span>
            <div class="name">
              play-fill
            </div>
            <div class="code-name">.iconplay-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprompt-fill"></span>
            <div class="name">
              prompt-fill
            </div>
            <div class="code-name">.iconprompt-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstop-fill"></span>
            <div class="name">
              stop-fill
            </div>
            <div class="code-name">.iconstop-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcolumn"></span>
            <div class="name">
              3column
            </div>
            <div class="code-name">.iconcolumn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconadd-account"></span>
            <div class="name">
              add-account
            </div>
            <div class="code-name">.iconadd-account
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcolumn1"></span>
            <div class="name">
              4column
            </div>
            <div class="code-name">.iconcolumn1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconadd"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.iconadd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconagriculture"></span>
            <div class="name">
              agriculture
            </div>
            <div class="code-name">.iconagriculture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyears"></span>
            <div class="name">
              2years
            </div>
            <div class="code-name">.iconyears
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconadd-cart"></span>
            <div class="name">
              add-cart
            </div>
            <div class="code-name">.iconadd-cart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-right"></span>
            <div class="name">
              arrow-right
            </div>
            <div class="code-name">.iconarrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-lift"></span>
            <div class="name">
              arrow-lift
            </div>
            <div class="code-name">.iconarrow-lift
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconapparel"></span>
            <div class="name">
              apparel
            </div>
            <div class="code-name">.iconapparel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconall1"></span>
            <div class="name">
              all
            </div>
            <div class="code-name">.iconall1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-up"></span>
            <div class="name">
              arrow-up
            </div>
            <div class="code-name">.iconarrow-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconascending"></span>
            <div class="name">
              ascending
            </div>
            <div class="code-name">.iconascending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconashbin"></span>
            <div class="name">
              ashbin
            </div>
            <div class="code-name">.iconashbin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconatm"></span>
            <div class="name">
              atm
            </div>
            <div class="code-name">.iconatm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbad"></span>
            <div class="name">
              bad
            </div>
            <div class="code-name">.iconbad
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconattachent"></span>
            <div class="name">
              attachent
            </div>
            <div class="code-name">.iconattachent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbrowse"></span>
            <div class="name">
              browse
            </div>
            <div class="code-name">.iconbrowse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbeauty"></span>
            <div class="name">
              beauty
            </div>
            <div class="code-name">.iconbeauty
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconatm-away"></span>
            <div class="name">
              atm-away
            </div>
            <div class="code-name">.iconatm-away
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconassessed-badge"></span>
            <div class="name">
              assessed-badge
            </div>
            <div class="code-name">.iconassessed-badge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconauto1"></span>
            <div class="name">
              auto
            </div>
            <div class="code-name">.iconauto1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbags"></span>
            <div class="name">
              bags
            </div>
            <div class="code-name">.iconbags
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalendar"></span>
            <div class="name">
              calendar
            </div>
            <div class="code-name">.iconcalendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcart-full"></span>
            <div class="name">
              cart- full
            </div>
            <div class="code-name">.iconcart-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalculator"></span>
            <div class="name">
              calculator
            </div>
            <div class="code-name">.iconcalculator
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcameraswitching"></span>
            <div class="name">
              camera switching
            </div>
            <div class="code-name">.iconcameraswitching
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcecurity-protection"></span>
            <div class="name">
              cecurity-protection
            </div>
            <div class="code-name">.iconcecurity-protection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcategory"></span>
            <div class="name">
              category
            </div>
            <div class="code-name">.iconcategory
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclose"></span>
            <div class="name">
              close
            </div>
            <div class="code-name">.iconclose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcertified-supplier"></span>
            <div class="name">
              certified-supplier
            </div>
            <div class="code-name">.iconcertified-supplier
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcart-Empty"></span>
            <div class="name">
              cart-Empty
            </div>
            <div class="code-name">.iconcart-Empty
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcode1"></span>
            <div class="name">
              code
            </div>
            <div class="code-name">.iconcode1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcolor"></span>
            <div class="name">
              color
            </div>
            <div class="code-name">.iconcolor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconconditions"></span>
            <div class="name">
              conditions
            </div>
            <div class="code-name">.iconconditions
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconconfirm"></span>
            <div class="name">
              confirm
            </div>
            <div class="code-name">.iconconfirm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcompany"></span>
            <div class="name">
              company
            </div>
            <div class="code-name">.iconcompany
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconali-clould"></span>
            <div class="name">
              ali-clould
            </div>
            <div class="code-name">.iconali-clould
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcopy1"></span>
            <div class="name">
              copy
            </div>
            <div class="code-name">.iconcopy1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcredit-level"></span>
            <div class="name">
              credit-level
            </div>
            <div class="code-name">.iconcredit-level
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoupons"></span>
            <div class="name">
              coupons
            </div>
            <div class="code-name">.iconcoupons
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconconnections"></span>
            <div class="name">
              connections
            </div>
            <div class="code-name">.iconconnections
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcry"></span>
            <div class="name">
              cry
            </div>
            <div class="code-name">.iconcry
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcostoms-alearance"></span>
            <div class="name">
              costoms-alearance
            </div>
            <div class="code-name">.iconcostoms-alearance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclock"></span>
            <div class="name">
              clock
            </div>
            <div class="code-name">.iconclock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconCurrencyConverter"></span>
            <div class="name">
              Currency Converter
            </div>
            <div class="code-name">.iconCurrencyConverter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcut"></span>
            <div class="name">
              cut
            </div>
            <div class="code-name">.iconcut
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondata1"></span>
            <div class="name">
              data
            </div>
            <div class="code-name">.icondata1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconCustomermanagement"></span>
            <div class="name">
              Customer management
            </div>
            <div class="code-name">.iconCustomermanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondescending"></span>
            <div class="name">
              descending
            </div>
            <div class="code-name">.icondescending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondouble-arro-right"></span>
            <div class="name">
              double-arro- right
            </div>
            <div class="code-name">.icondouble-arro-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcustomization"></span>
            <div class="name">
              customization
            </div>
            <div class="code-name">.iconcustomization
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondouble-arrow-left"></span>
            <div class="name">
              double-arrow-left
            </div>
            <div class="code-name">.icondouble-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondiscount"></span>
            <div class="name">
              discount
            </div>
            <div class="code-name">.icondiscount
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondownload"></span>
            <div class="name">
              download
            </div>
            <div class="code-name">.icondownload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondollar1"></span>
            <div class="name">
              dollar
            </div>
            <div class="code-name">.icondollar1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondefault-template"></span>
            <div class="name">
              default-template
            </div>
            <div class="code-name">.icondefault-template
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeditor1"></span>
            <div class="name">
              editor
            </div>
            <div class="code-name">.iconeditor1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeletrical"></span>
            <div class="name">
              eletrical
            </div>
            <div class="code-name">.iconeletrical
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconelectronics"></span>
            <div class="name">
              electronics
            </div>
            <div class="code-name">.iconelectronics
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconetrical-equipm"></span>
            <div class="name">
              etrical-equipm
            </div>
            <div class="code-name">.iconetrical-equipm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconellipsis"></span>
            <div class="name">
              ellipsis
            </div>
            <div class="code-name">.iconellipsis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconemail"></span>
            <div class="name">
              email
            </div>
            <div class="code-name">.iconemail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfalling"></span>
            <div class="name">
              falling
            </div>
            <div class="code-name">.iconfalling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconearth"></span>
            <div class="name">
              earth
            </div>
            <div class="code-name">.iconearth
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfilter"></span>
            <div class="name">
              filter
            </div>
            <div class="code-name">.iconfilter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfurniture"></span>
            <div class="name">
              furniture
            </div>
            <div class="code-name">.iconfurniture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder"></span>
            <div class="name">
              folder
            </div>
            <div class="code-name">.iconfolder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfeeds"></span>
            <div class="name">
              feeds
            </div>
            <div class="code-name">.iconfeeds
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhistory1"></span>
            <div class="name">
              history
            </div>
            <div class="code-name">.iconhistory1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhardware"></span>
            <div class="name">
              hardware
            </div>
            <div class="code-name">.iconhardware
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhelp"></span>
            <div class="name">
              help
            </div>
            <div class="code-name">.iconhelp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongood"></span>
            <div class="name">
              good
            </div>
            <div class="code-name">.icongood
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconHouseholdappliances"></span>
            <div class="name">
              Household appliances
            </div>
            <div class="code-name">.iconHouseholdappliances
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongift1"></span>
            <div class="name">
              gift
            </div>
            <div class="code-name">.icongift1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconform"></span>
            <div class="name">
              form
            </div>
            <div class="code-name">.iconform
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconimage-text"></span>
            <div class="name">
              image-text
            </div>
            <div class="code-name">.iconimage-text
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhot"></span>
            <div class="name">
              hot
            </div>
            <div class="code-name">.iconhot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinspection"></span>
            <div class="name">
              inspection
            </div>
            <div class="code-name">.iconinspection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleftbutton"></span>
            <div class="name">
              left button
            </div>
            <div class="code-name">.iconleftbutton
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjewelry"></span>
            <div class="name">
              jewelry
            </div>
            <div class="code-name">.iconjewelry
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconipad"></span>
            <div class="name">
              ipad
            </div>
            <div class="code-name">.iconipad
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleftarrow"></span>
            <div class="name">
              left arrow
            </div>
            <div class="code-name">.iconleftarrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconintegral1"></span>
            <div class="name">
              integral
            </div>
            <div class="code-name">.iconintegral1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkitchen"></span>
            <div class="name">
              kitchen
            </div>
            <div class="code-name">.iconkitchen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinquiry-template"></span>
            <div class="name">
              inquiry-template
            </div>
            <div class="code-name">.iconinquiry-template
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlink"></span>
            <div class="name">
              link
            </div>
            <div class="code-name">.iconlink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlibra"></span>
            <div class="name">
              libra
            </div>
            <div class="code-name">.iconlibra
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconloading"></span>
            <div class="name">
              loading
            </div>
            <div class="code-name">.iconloading
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlisting-content"></span>
            <div class="name">
              listing-content
            </div>
            <div class="code-name">.iconlisting-content
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlights"></span>
            <div class="name">
              lights
            </div>
            <div class="code-name">.iconlights
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlogistics-icon"></span>
            <div class="name">
              logistics-icon
            </div>
            <div class="code-name">.iconlogistics-icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmessagecenter"></span>
            <div class="name">
              message center
            </div>
            <div class="code-name">.iconmessagecenter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmobile-phone"></span>
            <div class="name">
              mobile-phone
            </div>
            <div class="code-name">.iconmobile-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmanage-order"></span>
            <div class="name">
              manage-order
            </div>
            <div class="code-name">.iconmanage-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmove"></span>
            <div class="name">
              move
            </div>
            <div class="code-name">.iconmove
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconMoneymanagement"></span>
            <div class="name">
              Money management
            </div>
            <div class="code-name">.iconMoneymanagement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnamecard"></span>
            <div class="name">
              namecard
            </div>
            <div class="code-name">.iconnamecard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmap"></span>
            <div class="name">
              map
            </div>
            <div class="code-name">.iconmap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconNewuserzone"></span>
            <div class="name">
              New user zone
            </div>
            <div class="code-name">.iconNewuserzone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmulti-language"></span>
            <div class="name">
              multi-language
            </div>
            <div class="code-name">.iconmulti-language
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconoffice"></span>
            <div class="name">
              office
            </div>
            <div class="code-name">.iconoffice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnotice"></span>
            <div class="name">
              notice
            </div>
            <div class="code-name">.iconnotice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconontimeshipment"></span>
            <div class="name">
              on time shipment
            </div>
            <div class="code-name">.iconontimeshipment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconoffice-supplies"></span>
            <div class="name">
              office-supplies
            </div>
            <div class="code-name">.iconoffice-supplies
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpassword"></span>
            <div class="name">
              password
            </div>
            <div class="code-name">.iconpassword
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconNotvisible1"></span>
            <div class="name">
              Not visible
            </div>
            <div class="code-name">.iconNotvisible1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconoperation"></span>
            <div class="name">
              operation
            </div>
            <div class="code-name">.iconoperation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpackaging"></span>
            <div class="name">
              packaging
            </div>
            <div class="code-name">.iconpackaging
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icononline-tracking"></span>
            <div class="name">
              online-tracking
            </div>
            <div class="code-name">.icononline-tracking
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpacking-labeling"></span>
            <div class="name">
              packing-labeling
            </div>
            <div class="code-name">.iconpacking-labeling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.iconphone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic1"></span>
            <div class="name">
              pic
            </div>
            <div class="code-name">.iconpic1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpin"></span>
            <div class="name">
              pin
            </div>
            <div class="code-name">.iconpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay1"></span>
            <div class="name">
              play
            </div>
            <div class="code-name">.iconplay1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlogistic-logo"></span>
            <div class="name">
              logistic-logo
            </div>
            <div class="code-name">.iconlogistic-logo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprint"></span>
            <div class="name">
              print
            </div>
            <div class="code-name">.iconprint
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconproduct"></span>
            <div class="name">
              product
            </div>
            <div class="code-name">.iconproduct
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmachinery"></span>
            <div class="name">
              machinery
            </div>
            <div class="code-name">.iconmachinery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprocess"></span>
            <div class="name">
              process
            </div>
            <div class="code-name">.iconprocess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprompt"></span>
            <div class="name">
              prompt
            </div>
            <div class="code-name">.iconprompt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconQRcode1"></span>
            <div class="name">
              QRcode
            </div>
            <div class="code-name">.iconQRcode1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreeor"></span>
            <div class="name">
              reeor
            </div>
            <div class="code-name">.iconreeor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreduce"></span>
            <div class="name">
              reduce
            </div>
            <div class="code-name">.iconreduce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconNon-staplefood"></span>
            <div class="name">
              Non-staple food
            </div>
            <div class="code-name">.iconNon-staplefood
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrejected-order"></span>
            <div class="name">
              rejected-order
            </div>
            <div class="code-name">.iconrejected-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconresonserate"></span>
            <div class="name">
              resonse rate
            </div>
            <div class="code-name">.iconresonserate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconremind"></span>
            <div class="name">
              remind
            </div>
            <div class="code-name">.iconremind
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconresponsetime"></span>
            <div class="name">
              response time
            </div>
            <div class="code-name">.iconresponsetime
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreturn"></span>
            <div class="name">
              return
            </div>
            <div class="code-name">.iconreturn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaylater"></span>
            <div class="name">
              paylater
            </div>
            <div class="code-name">.iconpaylater
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrising1"></span>
            <div class="name">
              rising
            </div>
            <div class="code-name">.iconrising1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconRightarrow"></span>
            <div class="name">
              Right arrow
            </div>
            <div class="code-name">.iconRightarrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrmb1"></span>
            <div class="name">
              rmb
            </div>
            <div class="code-name">.iconrmb1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconRFQ-logo"></span>
            <div class="name">
              RFQ-logo
            </div>
            <div class="code-name">.iconRFQ-logo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsave"></span>
            <div class="name">
              save
            </div>
            <div class="code-name">.iconsave
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscanning"></span>
            <div class="name">
              scanning
            </div>
            <div class="code-name">.iconscanning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsecurity"></span>
            <div class="name">
              security
            </div>
            <div class="code-name">.iconsecurity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsalescenter"></span>
            <div class="name">
              sales center
            </div>
            <div class="code-name">.iconsalescenter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconseleted"></span>
            <div class="name">
              seleted
            </div>
            <div class="code-name">.iconseleted
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearchcart"></span>
            <div class="name">
              search cart
            </div>
            <div class="code-name">.iconsearchcart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconraw"></span>
            <div class="name">
              raw
            </div>
            <div class="code-name">.iconraw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconservice"></span>
            <div class="name">
              service
            </div>
            <div class="code-name">.iconservice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshare"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.iconshare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsignboard"></span>
            <div class="name">
              signboard
            </div>
            <div class="code-name">.iconsignboard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshuffling-banner"></span>
            <div class="name">
              shuffling-banner
            </div>
            <div class="code-name">.iconshuffling-banner
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconRightbutton"></span>
            <div class="name">
              Right button
            </div>
            <div class="code-name">.iconRightbutton
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsorting"></span>
            <div class="name">
              sorting
            </div>
            <div class="code-name">.iconsorting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsound-Mute"></span>
            <div class="name">
              sound-Mute
            </div>
            <div class="code-name">.iconsound-Mute
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconSimilarproducts"></span>
            <div class="name">
              category products
            </div>
            <div class="code-name">.iconSimilarproducts
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsound-filling"></span>
            <div class="name">
              sound-filling
            </div>
            <div class="code-name">.iconsound-filling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsuggest"></span>
            <div class="name">
              suggest
            </div>
            <div class="code-name">.iconsuggest
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstop"></span>
            <div class="name">
              stop
            </div>
            <div class="code-name">.iconstop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsuccess"></span>
            <div class="name">
              success
            </div>
            <div class="code-name">.iconsuccess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsupplier-features"></span>
            <div class="name">
              supplier-features
            </div>
            <div class="code-name">.iconsupplier-features
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconswitch"></span>
            <div class="name">
              switch
            </div>
            <div class="code-name">.iconswitch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsurvey"></span>
            <div class="name">
              survey
            </div>
            <div class="code-name">.iconsurvey
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontemplate"></span>
            <div class="name">
              template
            </div>
            <div class="code-name">.icontemplate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontext"></span>
            <div class="name">
              text
            </div>
            <div class="code-name">.icontext
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsuspended"></span>
            <div class="name">
              suspended
            </div>
            <div class="code-name">.iconsuspended
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontask-management"></span>
            <div class="name">
              task-management
            </div>
            <div class="code-name">.icontask-management
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontool"></span>
            <div class="name">
              tool
            </div>
            <div class="code-name">.icontool
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconTop"></span>
            <div class="name">
              top
            </div>
            <div class="code-name">.iconTop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsmile"></span>
            <div class="name">
              smile
            </div>
            <div class="code-name">.iconsmile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontextile-products"></span>
            <div class="name">
              textile-products
            </div>
            <div class="code-name">.icontextile-products
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontradealert"></span>
            <div class="name">
              trade alert
            </div>
            <div class="code-name">.icontradealert
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontopsales"></span>
            <div class="name">
              top sales
            </div>
            <div class="code-name">.icontopsales
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontradingvolume"></span>
            <div class="name">
              trading volume
            </div>
            <div class="code-name">.icontradingvolume
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontraining"></span>
            <div class="name">
              training
            </div>
            <div class="code-name">.icontraining
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconupload"></span>
            <div class="name">
              upload
            </div>
            <div class="code-name">.iconupload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconRFQ-word"></span>
            <div class="name">
              RFQ-word
            </div>
            <div class="code-name">.iconRFQ-word
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconviewlarger"></span>
            <div class="name">
              view larger
            </div>
            <div class="code-name">.iconviewlarger
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconviewgallery"></span>
            <div class="name">
              viewgallery
            </div>
            <div class="code-name">.iconviewgallery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvehivles"></span>
            <div class="name">
              vehivles
            </div>
            <div class="code-name">.iconvehivles
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontrust"></span>
            <div class="name">
              trust
            </div>
            <div class="code-name">.icontrust
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwarning"></span>
            <div class="name">
              warning
            </div>
            <div class="code-name">.iconwarning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwarehouse"></span>
            <div class="name">
              warehouse
            </div>
            <div class="code-name">.iconwarehouse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoes"></span>
            <div class="name">
              shoes
            </div>
            <div class="code-name">.iconshoes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvideo"></span>
            <div class="name">
              video
            </div>
            <div class="code-name">.iconvideo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconviewlist"></span>
            <div class="name">
              viewlist
            </div>
            <div class="code-name">.iconviewlist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconset"></span>
            <div class="name">
              set
            </div>
            <div class="code-name">.iconset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstore"></span>
            <div class="name">
              store
            </div>
            <div class="code-name">.iconstore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontool-hardware"></span>
            <div class="name">
              tool-hardware
            </div>
            <div class="code-name">.icontool-hardware
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvs"></span>
            <div class="name">
              vs
            </div>
            <div class="code-name">.iconvs
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontoy"></span>
            <div class="name">
              toy
            </div>
            <div class="code-name">.icontoy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsport"></span>
            <div class="name">
              sport
            </div>
            <div class="code-name">.iconsport
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcreditcard"></span>
            <div class="name">
              credit card
            </div>
            <div class="code-name">.iconcreditcard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcontacts"></span>
            <div class="name">
              contacts
            </div>
            <div class="code-name">.iconcontacts
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheckstand"></span>
            <div class="name">
              checkstand
            </div>
            <div class="code-name">.iconcheckstand
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaviation"></span>
            <div class="name">
              aviation
            </div>
            <div class="code-name">.iconaviation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconDaytimemode"></span>
            <div class="name">
              Daytime mode
            </div>
            <div class="code-name">.iconDaytimemode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinfantmom"></span>
            <div class="name">
              infant & mom
            </div>
            <div class="code-name">.iconinfantmom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondiscounts"></span>
            <div class="name">
              discounts
            </div>
            <div class="code-name">.icondiscounts
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinvoice"></span>
            <div class="name">
              invoice
            </div>
            <div class="code-name">.iconinvoice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinsurance"></span>
            <div class="name">
              insurance
            </div>
            <div class="code-name">.iconinsurance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnightmode"></span>
            <div class="name">
              night mode
            </div>
            <div class="code-name">.iconnightmode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconusercenter"></span>
            <div class="name">
              user center
            </div>
            <div class="code-name">.iconusercenter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.iconunlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvip"></span>
            <div class="name">
              vip
            </div>
            <div class="code-name">.iconvip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwallet"></span>
            <div class="name">
              wallet
            </div>
            <div class="code-name">.iconwallet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlandtransportation"></span>
            <div class="name">
              land transportation
            </div>
            <div class="code-name">.iconlandtransportation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvoice"></span>
            <div class="name">
              voice
            </div>
            <div class="code-name">.iconvoice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexchangerate"></span>
            <div class="name">
              exchange rate
            </div>
            <div class="code-name">.iconexchangerate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcontacts-fill"></span>
            <div class="name">
              contacts-fill
            </div>
            <div class="code-name">.iconcontacts-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconadd-account1"></span>
            <div class="name">
              add-account
            </div>
            <div class="code-name">.iconadd-account1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyears-fill"></span>
            <div class="name">
              2years-fill
            </div>
            <div class="code-name">.iconyears-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconadd-cart-fill"></span>
            <div class="name">
              add-cart-fill
            </div>
            <div class="code-name">.iconadd-cart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconadd-fill"></span>
            <div class="name">
              add-fill
            </div>
            <div class="code-name">.iconadd-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconall-fill1"></span>
            <div class="name">
              all-fill
            </div>
            <div class="code-name">.iconall-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconashbin-fill"></span>
            <div class="name">
              ashbin-fill
            </div>
            <div class="code-name">.iconashbin-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalendar-fill"></span>
            <div class="name">
              calendar-fill
            </div>
            <div class="code-name">.iconcalendar-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbad-fill"></span>
            <div class="name">
              bad-fill
            </div>
            <div class="code-name">.iconbad-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbussiness-man-fill"></span>
            <div class="name">
              bussiness-man-fill
            </div>
            <div class="code-name">.iconbussiness-man-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconatm-fill"></span>
            <div class="name">
              atm-fill
            </div>
            <div class="code-name">.iconatm-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcart-full-fill"></span>
            <div class="name">
              cart- full-fill
            </div>
            <div class="code-name">.iconcart-full-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcart-Empty-fill"></span>
            <div class="name">
              cart-Empty-fill
            </div>
            <div class="code-name">.iconcart-Empty-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcameraswitching-fill"></span>
            <div class="name">
              camera switching-fill
            </div>
            <div class="code-name">.iconcameraswitching-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconatm-away-fill"></span>
            <div class="name">
              atm-away-fill
            </div>
            <div class="code-name">.iconatm-away-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcertified-supplier-fill"></span>
            <div class="name">
              certified-supplier-fill
            </div>
            <div class="code-name">.iconcertified-supplier-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalculator-fill"></span>
            <div class="name">
              calculator-fill
            </div>
            <div class="code-name">.iconcalculator-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclock-fill"></span>
            <div class="name">
              clock-fill
            </div>
            <div class="code-name">.iconclock-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconali-clould-fill"></span>
            <div class="name">
              ali-clould-fill
            </div>
            <div class="code-name">.iconali-clould-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcolor-fill"></span>
            <div class="name">
              color-fill
            </div>
            <div class="code-name">.iconcolor-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoupons-fill"></span>
            <div class="name">
              coupons-fill
            </div>
            <div class="code-name">.iconcoupons-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcecurity-protection-fill"></span>
            <div class="name">
              cecurity-protection-fill
            </div>
            <div class="code-name">.iconcecurity-protection-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcredit-level-fill"></span>
            <div class="name">
              credit-level-fill
            </div>
            <div class="code-name">.iconcredit-level-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondefault-template-fill"></span>
            <div class="name">
              default-template-fill
            </div>
            <div class="code-name">.icondefault-template-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconCurrencyConverter-fill"></span>
            <div class="name">
              Currency Converter-fill
            </div>
            <div class="code-name">.iconCurrencyConverter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconCustomermanagement-fill"></span>
            <div class="name">
              Customer management-fill
            </div>
            <div class="code-name">.iconCustomermanagement-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondiscounts-fill"></span>
            <div class="name">
              discounts-fill
            </div>
            <div class="code-name">.icondiscounts-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconDaytimemode-fill"></span>
            <div class="name">
              Daytime mode-fill
            </div>
            <div class="code-name">.iconDaytimemode-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexl-fill"></span>
            <div class="name">
              exl-fill
            </div>
            <div class="code-name">.iconexl-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcry-fill"></span>
            <div class="name">
              cry-fill
            </div>
            <div class="code-name">.iconcry-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconemail-fill"></span>
            <div class="name">
              email-fill
            </div>
            <div class="code-name">.iconemail-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfilter-fill"></span>
            <div class="name">
              filter-fill
            </div>
            <div class="code-name">.iconfilter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-fill"></span>
            <div class="name">
              folder-fill
            </div>
            <div class="code-name">.iconfolder-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfeeds-fill"></span>
            <div class="name">
              feeds-fill
            </div>
            <div class="code-name">.iconfeeds-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongold-supplie-fill"></span>
            <div class="name">
              gold-supplie-fill
            </div>
            <div class="code-name">.icongold-supplie-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconform-fill"></span>
            <div class="name">
              form-fill
            </div>
            <div class="code-name">.iconform-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcamera-fill"></span>
            <div class="name">
              camera-fill
            </div>
            <div class="code-name">.iconcamera-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongood-fill"></span>
            <div class="name">
              good-fill
            </div>
            <div class="code-name">.icongood-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconimage-text-fill"></span>
            <div class="name">
              image-text-fill
            </div>
            <div class="code-name">.iconimage-text-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinspection-fill"></span>
            <div class="name">
              inspection-fill
            </div>
            <div class="code-name">.iconinspection-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhot-fill"></span>
            <div class="name">
              hot-fill
            </div>
            <div class="code-name">.iconhot-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcompany-fill"></span>
            <div class="name">
              company-fill
            </div>
            <div class="code-name">.iconcompany-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondiscount-fill"></span>
            <div class="name">
              discount-fill
            </div>
            <div class="code-name">.icondiscount-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinsurance-fill"></span>
            <div class="name">
              insurance-fill
            </div>
            <div class="code-name">.iconinsurance-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinquiry-template-fill"></span>
            <div class="name">
              inquiry-template-fill
            </div>
            <div class="code-name">.iconinquiry-template-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleftbutton-fill"></span>
            <div class="name">
              left button-fill
            </div>
            <div class="code-name">.iconleftbutton-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconintegral-fill1"></span>
            <div class="name">
              integral-fill
            </div>
            <div class="code-name">.iconintegral-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhelp1"></span>
            <div class="name">
              help
            </div>
            <div class="code-name">.iconhelp1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlisting-content-fill"></span>
            <div class="name">
              listing-content-fill
            </div>
            <div class="code-name">.iconlisting-content-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlogistic-logo-fill"></span>
            <div class="name">
              logistic-logo-fill
            </div>
            <div class="code-name">.iconlogistic-logo-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconMoneymanagement-fill"></span>
            <div class="name">
              Money management-fill
            </div>
            <div class="code-name">.iconMoneymanagement-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmanage-order-fill"></span>
            <div class="name">
              manage-order-fill
            </div>
            <div class="code-name">.iconmanage-order-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmulti-language-fill"></span>
            <div class="name">
              multi-language-fill
            </div>
            <div class="code-name">.iconmulti-language-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlogistics-icon-fill"></span>
            <div class="name">
              logistics-icon-fill
            </div>
            <div class="code-name">.iconlogistics-icon-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconNewuserzone-fill"></span>
            <div class="name">
              New user zone-fill
            </div>
            <div class="code-name">.iconNewuserzone-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnightmode-fill"></span>
            <div class="name">
              night mode-fill
            </div>
            <div class="code-name">.iconnightmode-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconoffice-supplies-fill"></span>
            <div class="name">
              office-supplies-fill
            </div>
            <div class="code-name">.iconoffice-supplies-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnotice-fill"></span>
            <div class="name">
              notice-fill
            </div>
            <div class="code-name">.iconnotice-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmute"></span>
            <div class="name">
              mute
            </div>
            <div class="code-name">.iconmute
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconorder-fill"></span>
            <div class="name">
              order-fill
            </div>
            <div class="code-name">.iconorder-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpassword1"></span>
            <div class="name">
              password
            </div>
            <div class="code-name">.iconpassword1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmap1"></span>
            <div class="name">
              map
            </div>
            <div class="code-name">.iconmap1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaylater-fill"></span>
            <div class="name">
              paylater-fill
            </div>
            <div class="code-name">.iconpaylater-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone-fill"></span>
            <div class="name">
              phone-fill
            </div>
            <div class="code-name">.iconphone-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icononline-tracking-fill"></span>
            <div class="name">
              online-tracking-fill
            </div>
            <div class="code-name">.icononline-tracking-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay-fill1"></span>
            <div class="name">
              play-fill
            </div>
            <div class="code-name">.iconplay-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpdf-fill"></span>
            <div class="name">
              pdf-fill
            </div>
            <div class="code-name">.iconpdf-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone1"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.iconphone1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpin-fill"></span>
            <div class="name">
              pin-fill
            </div>
            <div class="code-name">.iconpin-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconproduct-fill"></span>
            <div class="name">
              product-fill
            </div>
            <div class="code-name">.iconproduct-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrankinglist-fill"></span>
            <div class="name">
              ranking list-fill
            </div>
            <div class="code-name">.iconrankinglist-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreduce-fill"></span>
            <div class="name">
              reduce-fill
            </div>
            <div class="code-name">.iconreduce-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreeor-fill"></span>
            <div class="name">
              reeor-fill
            </div>
            <div class="code-name">.iconreeor-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic-fill1"></span>
            <div class="name">
              pic-fill
            </div>
            <div class="code-name">.iconpic-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrankinglist"></span>
            <div class="name">
              ranking list
            </div>
            <div class="code-name">.iconrankinglist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconproduct1"></span>
            <div class="name">
              product
            </div>
            <div class="code-name">.iconproduct1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprompt-fill1"></span>
            <div class="name">
              prompt-fill
            </div>
            <div class="code-name">.iconprompt-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconresonserate-fill"></span>
            <div class="name">
              resonse rate-fill
            </div>
            <div class="code-name">.iconresonserate-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconremind-fill"></span>
            <div class="name">
              remind-fill
            </div>
            <div class="code-name">.iconremind-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconRightbutton-fill"></span>
            <div class="name">
              Right button-fill
            </div>
            <div class="code-name">.iconRightbutton-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconRFQ-logo-fill"></span>
            <div class="name">
              RFQ-logo-fill
            </div>
            <div class="code-name">.iconRFQ-logo-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconRFQ-word-fill"></span>
            <div class="name">
              RFQ-word-fill
            </div>
            <div class="code-name">.iconRFQ-word-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearchcart-fill"></span>
            <div class="name">
              search cart-fill
            </div>
            <div class="code-name">.iconsearchcart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsalescenter-fill"></span>
            <div class="name">
              sales center-fill
            </div>
            <div class="code-name">.iconsalescenter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsave-fill"></span>
            <div class="name">
              save-fill
            </div>
            <div class="code-name">.iconsave-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsecurity-fill"></span>
            <div class="name">
              security-fill
            </div>
            <div class="code-name">.iconsecurity-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconSimilarproducts-fill"></span>
            <div class="name">
              category products-fill
            </div>
            <div class="code-name">.iconSimilarproducts-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsignboard-fill"></span>
            <div class="name">
              signboard-fill
            </div>
            <div class="code-name">.iconsignboard-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconservice-fill"></span>
            <div class="name">
              service-fill
            </div>
            <div class="code-name">.iconservice-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshuffling-banner-fill"></span>
            <div class="name">
              shuffling-banner-fill
            </div>
            <div class="code-name">.iconshuffling-banner-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsupplier-features-fill"></span>
            <div class="name">
              supplier-features-fill
            </div>
            <div class="code-name">.iconsupplier-features-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstore-fill"></span>
            <div class="name">
              store-fill
            </div>
            <div class="code-name">.iconstore-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsmile-fill"></span>
            <div class="name">
              smile-fill
            </div>
            <div class="code-name">.iconsmile-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsuccess-fill"></span>
            <div class="name">
              success-fill
            </div>
            <div class="code-name">.iconsuccess-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsound-filling-fill"></span>
            <div class="name">
              sound-filling-fill
            </div>
            <div class="code-name">.iconsound-filling-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsound-Mute1"></span>
            <div class="name">
              sound-Mute
            </div>
            <div class="code-name">.iconsound-Mute1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsuspended-fill"></span>
            <div class="name">
              suspended-fill
            </div>
            <div class="code-name">.iconsuspended-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontool-fill"></span>
            <div class="name">
              tool-fill
            </div>
            <div class="code-name">.icontool-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontask-management-fill"></span>
            <div class="name">
              task-management-fill
            </div>
            <div class="code-name">.icontask-management-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlock-fill"></span>
            <div class="name">
              unlock-fill
            </div>
            <div class="code-name">.iconunlock-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontrust-fill"></span>
            <div class="name">
              trust-fill
            </div>
            <div class="code-name">.icontrust-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvip-fill"></span>
            <div class="name">
              vip-fill
            </div>
            <div class="code-name">.iconvip-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconset1"></span>
            <div class="name">
              set
            </div>
            <div class="code-name">.iconset1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconTop-fill"></span>
            <div class="name">
              top-fill
            </div>
            <div class="code-name">.iconTop-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconviewlarger1"></span>
            <div class="name">
              view larger
            </div>
            <div class="code-name">.iconviewlarger1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvoice-fill"></span>
            <div class="name">
              voice-fill
            </div>
            <div class="code-name">.iconvoice-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwarning-fill"></span>
            <div class="name">
              warning-fill
            </div>
            <div class="code-name">.iconwarning-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwarehouse-fill"></span>
            <div class="name">
              warehouse-fill
            </div>
            <div class="code-name">.iconwarehouse-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzip-fill"></span>
            <div class="name">
              zip-fill
            </div>
            <div class="code-name">.iconzip-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontrade-assurance-fill"></span>
            <div class="name">
              trade-assurance-fill
            </div>
            <div class="code-name">.icontrade-assurance-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvs-fill"></span>
            <div class="name">
              vs-fill
            </div>
            <div class="code-name">.iconvs-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvideo1"></span>
            <div class="name">
              video
            </div>
            <div class="code-name">.iconvideo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontemplate-fill"></span>
            <div class="name">
              template-fill
            </div>
            <div class="code-name">.icontemplate-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwallet1"></span>
            <div class="name">
              wallet
            </div>
            <div class="code-name">.iconwallet1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontraining1"></span>
            <div class="name">
              training
            </div>
            <div class="code-name">.icontraining1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpacking-labeling-fill"></span>
            <div class="name">
              packing-labeling-fill
            </div>
            <div class="code-name">.iconpacking-labeling-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconExportservices-fill"></span>
            <div class="name">
              export services-fill
            </div>
            <div class="code-name">.iconExportservices-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbrand-fill"></span>
            <div class="name">
              brand-fill
            </div>
            <div class="code-name">.iconbrand-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcollection"></span>
            <div class="name">
              collection
            </div>
            <div class="code-name">.iconcollection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconconsumption-fill"></span>
            <div class="name">
              consumption-fill
            </div>
            <div class="code-name">.iconconsumption-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcollection-fill"></span>
            <div class="name">
              collection-fill
            </div>
            <div class="code-name">.iconcollection-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbrand"></span>
            <div class="name">
              brand
            </div>
            <div class="code-name">.iconbrand
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrejected-order-fill"></span>
            <div class="name">
              rejected-order-fill
            </div>
            <div class="code-name">.iconrejected-order-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhomepage-ads-fill"></span>
            <div class="name">
              homepage-ads-fill
            </div>
            <div class="code-name">.iconhomepage-ads-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhomepage-ads"></span>
            <div class="name">
              homepage-ads
            </div>
            <div class="code-name">.iconhomepage-ads
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscenes-fill"></span>
            <div class="name">
              scenes-fill
            </div>
            <div class="code-name">.iconscenes-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscenes"></span>
            <div class="name">
              scenes
            </div>
            <div class="code-name">.iconscenes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsimilar-product-fill"></span>
            <div class="name">
              similar-product-fill
            </div>
            <div class="code-name">.iconsimilar-product-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontopraning-fill"></span>
            <div class="name">
              topraning-fill
            </div>
            <div class="code-name">.icontopraning-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconconsumption"></span>
            <div class="name">
              consumption
            </div>
            <div class="code-name">.iconconsumption
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontopraning"></span>
            <div class="name">
              topraning
            </div>
            <div class="code-name">.icontopraning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongold-supplier"></span>
            <div class="name">
              gold-supplier
            </div>
            <div class="code-name">.icongold-supplier
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmessagecenter-fill"></span>
            <div class="name">
              message center-fill
            </div>
            <div class="code-name">.iconmessagecenter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquick"></span>
            <div class="name">
              quick
            </div>
            <div class="code-name">.iconquick
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwriting"></span>
            <div class="name">
              writing
            </div>
            <div class="code-name">.iconwriting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondocjpge-fill"></span>
            <div class="name">
              doc-fill
            </div>
            <div class="code-name">.icondocjpge-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjpge-fill"></span>
            <div class="name">
              jpge-fill
            </div>
            <div class="code-name">.iconjpge-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongifjpge-fill"></span>
            <div class="name">
              gif-fill
            </div>
            <div class="code-name">.icongifjpge-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbmpjpge-fill"></span>
            <div class="name">
              bmp-fill
            </div>
            <div class="code-name">.iconbmpjpge-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontifjpge-fill"></span>
            <div class="name">
              tif-fill
            </div>
            <div class="code-name">.icontifjpge-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpngjpge-fill"></span>
            <div class="name">
              png-fill
            </div>
            <div class="code-name">.iconpngjpge-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconHometextile"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.iconHometextile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhome"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.iconhome
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsendinquiry-fill"></span>
            <div class="name">
              send inquiry-fill
            </div>
            <div class="code-name">.iconsendinquiry-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcomments-fill"></span>
            <div class="name">
              comments-fill
            </div>
            <div class="code-name">.iconcomments-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaccount-fill"></span>
            <div class="name">
              account-fill
            </div>
            <div class="code-name">.iconaccount-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfeed-logo-fill"></span>
            <div class="name">
              feed-logo-fill
            </div>
            <div class="code-name">.iconfeed-logo-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfeed-logo"></span>
            <div class="name">
              feed-logo
            </div>
            <div class="code-name">.iconfeed-logo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhome-fill"></span>
            <div class="name">
              home-fill
            </div>
            <div class="code-name">.iconhome-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconadd-select"></span>
            <div class="name">
              add-select
            </div>
            <div class="code-name">.iconadd-select
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsami-select"></span>
            <div class="name">
              sami-select
            </div>
            <div class="code-name">.iconsami-select
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcamera"></span>
            <div class="name">
              camera
            </div>
            <div class="code-name">.iconcamera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-down"></span>
            <div class="name">
              arrow-down
            </div>
            <div class="code-name">.iconarrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaccount"></span>
            <div class="name">
              account
            </div>
            <div class="code-name">.iconaccount
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcomments"></span>
            <div class="name">
              comments
            </div>
            <div class="code-name">.iconcomments
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcart-Empty1"></span>
            <div class="name">
              cart-Empty
            </div>
            <div class="code-name">.iconcart-Empty1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfavorites"></span>
            <div class="name">
              favorites
            </div>
            <div class="code-name">.iconfavorites
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconorder"></span>
            <div class="name">
              order
            </div>
            <div class="code-name">.iconorder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.iconsearch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontrade-assurance"></span>
            <div class="name">
              trade-assurance
            </div>
            <div class="code-name">.icontrade-assurance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconusercenter1"></span>
            <div class="name">
              user center
            </div>
            <div class="code-name">.iconusercenter1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontradingdata"></span>
            <div class="name">
              trading data
            </div>
            <div class="code-name">.icontradingdata
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmicrophone"></span>
            <div class="name">
              microphone
            </div>
            <div class="code-name">.iconmicrophone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontxt"></span>
            <div class="name">
              txt
            </div>
            <div class="code-name">.icontxt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxlsx"></span>
            <div class="name">
              xlsx
            </div>
            <div class="code-name">.iconxlsx
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconauto"></use>
                </svg>
                <div class="name">auto</div>
                <div class="code-name">#iconauto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconall"></use>
                </svg>
                <div class="name">all</div>
                <div class="code-name">#iconall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbussiness-man"></use>
                </svg>
                <div class="name">bussiness-man</div>
                <div class="code-name">#iconbussiness-man</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcomponent"></use>
                </svg>
                <div class="name">component</div>
                <div class="code-name">#iconcomponent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcode"></use>
                </svg>
                <div class="name">code</div>
                <div class="code-name">#iconcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcopy"></use>
                </svg>
                <div class="name">copy</div>
                <div class="code-name">#iconcopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondollar"></use>
                </svg>
                <div class="name">dollar</div>
                <div class="code-name">#icondollar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhistory"></use>
                </svg>
                <div class="name">history</div>
                <div class="code-name">#iconhistory</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeditor"></use>
                </svg>
                <div class="name">editor</div>
                <div class="code-name">#iconeditor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondata"></use>
                </svg>
                <div class="name">data</div>
                <div class="code-name">#icondata</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongift"></use>
                </svg>
                <div class="name">gift</div>
                <div class="code-name">#icongift</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconintegral"></use>
                </svg>
                <div class="name">integral</div>
                <div class="code-name">#iconintegral</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnav-list"></use>
                </svg>
                <div class="name">nav-list</div>
                <div class="code-name">#iconnav-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic"></use>
                </svg>
                <div class="name">pic</div>
                <div class="code-name">#iconpic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconNotvisible"></use>
                </svg>
                <div class="name">Not visible</div>
                <div class="code-name">#iconNotvisible</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay"></use>
                </svg>
                <div class="name">play</div>
                <div class="code-name">#iconplay</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrising"></use>
                </svg>
                <div class="name">rising</div>
                <div class="code-name">#iconrising</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconQRcode"></use>
                </svg>
                <div class="name">QRcode</div>
                <div class="code-name">#iconQRcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrmb"></use>
                </svg>
                <div class="name">rmb</div>
                <div class="code-name">#iconrmb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsimilar-product"></use>
                </svg>
                <div class="name">similar-product</div>
                <div class="code-name">#iconsimilar-product</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconExportservices"></use>
                </svg>
                <div class="name">export services</div>
                <div class="code-name">#iconExportservices</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsendinquiry"></use>
                </svg>
                <div class="name">send inquiry</div>
                <div class="code-name">#iconsendinquiry</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconall-fill"></use>
                </svg>
                <div class="name">all-fill</div>
                <div class="code-name">#iconall-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfavorites-fill"></use>
                </svg>
                <div class="name">favorites-fill</div>
                <div class="code-name">#iconfavorites-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconintegral-fill"></use>
                </svg>
                <div class="name">integral-fill</div>
                <div class="code-name">#iconintegral-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnamecard-fill"></use>
                </svg>
                <div class="name">namecard-fill</div>
                <div class="code-name">#iconnamecard-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic-fill"></use>
                </svg>
                <div class="name">pic-fill</div>
                <div class="code-name">#iconpic-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay-fill"></use>
                </svg>
                <div class="name">play-fill</div>
                <div class="code-name">#iconplay-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprompt-fill"></use>
                </svg>
                <div class="name">prompt-fill</div>
                <div class="code-name">#iconprompt-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstop-fill"></use>
                </svg>
                <div class="name">stop-fill</div>
                <div class="code-name">#iconstop-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcolumn"></use>
                </svg>
                <div class="name">3column</div>
                <div class="code-name">#iconcolumn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconadd-account"></use>
                </svg>
                <div class="name">add-account</div>
                <div class="code-name">#iconadd-account</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcolumn1"></use>
                </svg>
                <div class="name">4column</div>
                <div class="code-name">#iconcolumn1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconadd"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#iconadd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconagriculture"></use>
                </svg>
                <div class="name">agriculture</div>
                <div class="code-name">#iconagriculture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyears"></use>
                </svg>
                <div class="name">2years</div>
                <div class="code-name">#iconyears</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconadd-cart"></use>
                </svg>
                <div class="name">add-cart</div>
                <div class="code-name">#iconadd-cart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-right"></use>
                </svg>
                <div class="name">arrow-right</div>
                <div class="code-name">#iconarrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-lift"></use>
                </svg>
                <div class="name">arrow-lift</div>
                <div class="code-name">#iconarrow-lift</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconapparel"></use>
                </svg>
                <div class="name">apparel</div>
                <div class="code-name">#iconapparel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconall1"></use>
                </svg>
                <div class="name">all</div>
                <div class="code-name">#iconall1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-up"></use>
                </svg>
                <div class="name">arrow-up</div>
                <div class="code-name">#iconarrow-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconascending"></use>
                </svg>
                <div class="name">ascending</div>
                <div class="code-name">#iconascending</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconashbin"></use>
                </svg>
                <div class="name">ashbin</div>
                <div class="code-name">#iconashbin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconatm"></use>
                </svg>
                <div class="name">atm</div>
                <div class="code-name">#iconatm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbad"></use>
                </svg>
                <div class="name">bad</div>
                <div class="code-name">#iconbad</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconattachent"></use>
                </svg>
                <div class="name">attachent</div>
                <div class="code-name">#iconattachent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbrowse"></use>
                </svg>
                <div class="name">browse</div>
                <div class="code-name">#iconbrowse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbeauty"></use>
                </svg>
                <div class="name">beauty</div>
                <div class="code-name">#iconbeauty</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconatm-away"></use>
                </svg>
                <div class="name">atm-away</div>
                <div class="code-name">#iconatm-away</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconassessed-badge"></use>
                </svg>
                <div class="name">assessed-badge</div>
                <div class="code-name">#iconassessed-badge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconauto1"></use>
                </svg>
                <div class="name">auto</div>
                <div class="code-name">#iconauto1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbags"></use>
                </svg>
                <div class="name">bags</div>
                <div class="code-name">#iconbags</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalendar"></use>
                </svg>
                <div class="name">calendar</div>
                <div class="code-name">#iconcalendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcart-full"></use>
                </svg>
                <div class="name">cart- full</div>
                <div class="code-name">#iconcart-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalculator"></use>
                </svg>
                <div class="name">calculator</div>
                <div class="code-name">#iconcalculator</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcameraswitching"></use>
                </svg>
                <div class="name">camera switching</div>
                <div class="code-name">#iconcameraswitching</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcecurity-protection"></use>
                </svg>
                <div class="name">cecurity-protection</div>
                <div class="code-name">#iconcecurity-protection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcategory"></use>
                </svg>
                <div class="name">category</div>
                <div class="code-name">#iconcategory</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclose"></use>
                </svg>
                <div class="name">close</div>
                <div class="code-name">#iconclose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcertified-supplier"></use>
                </svg>
                <div class="name">certified-supplier</div>
                <div class="code-name">#iconcertified-supplier</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcart-Empty"></use>
                </svg>
                <div class="name">cart-Empty</div>
                <div class="code-name">#iconcart-Empty</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcode1"></use>
                </svg>
                <div class="name">code</div>
                <div class="code-name">#iconcode1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcolor"></use>
                </svg>
                <div class="name">color</div>
                <div class="code-name">#iconcolor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconconditions"></use>
                </svg>
                <div class="name">conditions</div>
                <div class="code-name">#iconconditions</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconconfirm"></use>
                </svg>
                <div class="name">confirm</div>
                <div class="code-name">#iconconfirm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcompany"></use>
                </svg>
                <div class="name">company</div>
                <div class="code-name">#iconcompany</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconali-clould"></use>
                </svg>
                <div class="name">ali-clould</div>
                <div class="code-name">#iconali-clould</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcopy1"></use>
                </svg>
                <div class="name">copy</div>
                <div class="code-name">#iconcopy1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcredit-level"></use>
                </svg>
                <div class="name">credit-level</div>
                <div class="code-name">#iconcredit-level</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoupons"></use>
                </svg>
                <div class="name">coupons</div>
                <div class="code-name">#iconcoupons</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconconnections"></use>
                </svg>
                <div class="name">connections</div>
                <div class="code-name">#iconconnections</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcry"></use>
                </svg>
                <div class="name">cry</div>
                <div class="code-name">#iconcry</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcostoms-alearance"></use>
                </svg>
                <div class="name">costoms-alearance</div>
                <div class="code-name">#iconcostoms-alearance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclock"></use>
                </svg>
                <div class="name">clock</div>
                <div class="code-name">#iconclock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconCurrencyConverter"></use>
                </svg>
                <div class="name">Currency Converter</div>
                <div class="code-name">#iconCurrencyConverter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcut"></use>
                </svg>
                <div class="name">cut</div>
                <div class="code-name">#iconcut</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondata1"></use>
                </svg>
                <div class="name">data</div>
                <div class="code-name">#icondata1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconCustomermanagement"></use>
                </svg>
                <div class="name">Customer management</div>
                <div class="code-name">#iconCustomermanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondescending"></use>
                </svg>
                <div class="name">descending</div>
                <div class="code-name">#icondescending</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondouble-arro-right"></use>
                </svg>
                <div class="name">double-arro- right</div>
                <div class="code-name">#icondouble-arro-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcustomization"></use>
                </svg>
                <div class="name">customization</div>
                <div class="code-name">#iconcustomization</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondouble-arrow-left"></use>
                </svg>
                <div class="name">double-arrow-left</div>
                <div class="code-name">#icondouble-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiscount"></use>
                </svg>
                <div class="name">discount</div>
                <div class="code-name">#icondiscount</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondownload"></use>
                </svg>
                <div class="name">download</div>
                <div class="code-name">#icondownload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondollar1"></use>
                </svg>
                <div class="name">dollar</div>
                <div class="code-name">#icondollar1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondefault-template"></use>
                </svg>
                <div class="name">default-template</div>
                <div class="code-name">#icondefault-template</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeditor1"></use>
                </svg>
                <div class="name">editor</div>
                <div class="code-name">#iconeditor1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeletrical"></use>
                </svg>
                <div class="name">eletrical</div>
                <div class="code-name">#iconeletrical</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconelectronics"></use>
                </svg>
                <div class="name">electronics</div>
                <div class="code-name">#iconelectronics</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconetrical-equipm"></use>
                </svg>
                <div class="name">etrical-equipm</div>
                <div class="code-name">#iconetrical-equipm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconellipsis"></use>
                </svg>
                <div class="name">ellipsis</div>
                <div class="code-name">#iconellipsis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconemail"></use>
                </svg>
                <div class="name">email</div>
                <div class="code-name">#iconemail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfalling"></use>
                </svg>
                <div class="name">falling</div>
                <div class="code-name">#iconfalling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconearth"></use>
                </svg>
                <div class="name">earth</div>
                <div class="code-name">#iconearth</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfilter"></use>
                </svg>
                <div class="name">filter</div>
                <div class="code-name">#iconfilter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfurniture"></use>
                </svg>
                <div class="name">furniture</div>
                <div class="code-name">#iconfurniture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder"></use>
                </svg>
                <div class="name">folder</div>
                <div class="code-name">#iconfolder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfeeds"></use>
                </svg>
                <div class="name">feeds</div>
                <div class="code-name">#iconfeeds</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhistory1"></use>
                </svg>
                <div class="name">history</div>
                <div class="code-name">#iconhistory1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhardware"></use>
                </svg>
                <div class="name">hardware</div>
                <div class="code-name">#iconhardware</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhelp"></use>
                </svg>
                <div class="name">help</div>
                <div class="code-name">#iconhelp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongood"></use>
                </svg>
                <div class="name">good</div>
                <div class="code-name">#icongood</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconHouseholdappliances"></use>
                </svg>
                <div class="name">Household appliances</div>
                <div class="code-name">#iconHouseholdappliances</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongift1"></use>
                </svg>
                <div class="name">gift</div>
                <div class="code-name">#icongift1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconform"></use>
                </svg>
                <div class="name">form</div>
                <div class="code-name">#iconform</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconimage-text"></use>
                </svg>
                <div class="name">image-text</div>
                <div class="code-name">#iconimage-text</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhot"></use>
                </svg>
                <div class="name">hot</div>
                <div class="code-name">#iconhot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinspection"></use>
                </svg>
                <div class="name">inspection</div>
                <div class="code-name">#iconinspection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleftbutton"></use>
                </svg>
                <div class="name">left button</div>
                <div class="code-name">#iconleftbutton</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjewelry"></use>
                </svg>
                <div class="name">jewelry</div>
                <div class="code-name">#iconjewelry</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconipad"></use>
                </svg>
                <div class="name">ipad</div>
                <div class="code-name">#iconipad</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleftarrow"></use>
                </svg>
                <div class="name">left arrow</div>
                <div class="code-name">#iconleftarrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconintegral1"></use>
                </svg>
                <div class="name">integral</div>
                <div class="code-name">#iconintegral1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkitchen"></use>
                </svg>
                <div class="name">kitchen</div>
                <div class="code-name">#iconkitchen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinquiry-template"></use>
                </svg>
                <div class="name">inquiry-template</div>
                <div class="code-name">#iconinquiry-template</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlink"></use>
                </svg>
                <div class="name">link</div>
                <div class="code-name">#iconlink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlibra"></use>
                </svg>
                <div class="name">libra</div>
                <div class="code-name">#iconlibra</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconloading"></use>
                </svg>
                <div class="name">loading</div>
                <div class="code-name">#iconloading</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlisting-content"></use>
                </svg>
                <div class="name">listing-content</div>
                <div class="code-name">#iconlisting-content</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlights"></use>
                </svg>
                <div class="name">lights</div>
                <div class="code-name">#iconlights</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlogistics-icon"></use>
                </svg>
                <div class="name">logistics-icon</div>
                <div class="code-name">#iconlogistics-icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmessagecenter"></use>
                </svg>
                <div class="name">message center</div>
                <div class="code-name">#iconmessagecenter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmobile-phone"></use>
                </svg>
                <div class="name">mobile-phone</div>
                <div class="code-name">#iconmobile-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmanage-order"></use>
                </svg>
                <div class="name">manage-order</div>
                <div class="code-name">#iconmanage-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmove"></use>
                </svg>
                <div class="name">move</div>
                <div class="code-name">#iconmove</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconMoneymanagement"></use>
                </svg>
                <div class="name">Money management</div>
                <div class="code-name">#iconMoneymanagement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnamecard"></use>
                </svg>
                <div class="name">namecard</div>
                <div class="code-name">#iconnamecard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmap"></use>
                </svg>
                <div class="name">map</div>
                <div class="code-name">#iconmap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconNewuserzone"></use>
                </svg>
                <div class="name">New user zone</div>
                <div class="code-name">#iconNewuserzone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmulti-language"></use>
                </svg>
                <div class="name">multi-language</div>
                <div class="code-name">#iconmulti-language</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconoffice"></use>
                </svg>
                <div class="name">office</div>
                <div class="code-name">#iconoffice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnotice"></use>
                </svg>
                <div class="name">notice</div>
                <div class="code-name">#iconnotice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconontimeshipment"></use>
                </svg>
                <div class="name">on time shipment</div>
                <div class="code-name">#iconontimeshipment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconoffice-supplies"></use>
                </svg>
                <div class="name">office-supplies</div>
                <div class="code-name">#iconoffice-supplies</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpassword"></use>
                </svg>
                <div class="name">password</div>
                <div class="code-name">#iconpassword</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconNotvisible1"></use>
                </svg>
                <div class="name">Not visible</div>
                <div class="code-name">#iconNotvisible1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconoperation"></use>
                </svg>
                <div class="name">operation</div>
                <div class="code-name">#iconoperation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpackaging"></use>
                </svg>
                <div class="name">packaging</div>
                <div class="code-name">#iconpackaging</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icononline-tracking"></use>
                </svg>
                <div class="name">online-tracking</div>
                <div class="code-name">#icononline-tracking</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpacking-labeling"></use>
                </svg>
                <div class="name">packing-labeling</div>
                <div class="code-name">#iconpacking-labeling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#iconphone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic1"></use>
                </svg>
                <div class="name">pic</div>
                <div class="code-name">#iconpic1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpin"></use>
                </svg>
                <div class="name">pin</div>
                <div class="code-name">#iconpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay1"></use>
                </svg>
                <div class="name">play</div>
                <div class="code-name">#iconplay1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlogistic-logo"></use>
                </svg>
                <div class="name">logistic-logo</div>
                <div class="code-name">#iconlogistic-logo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprint"></use>
                </svg>
                <div class="name">print</div>
                <div class="code-name">#iconprint</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconproduct"></use>
                </svg>
                <div class="name">product</div>
                <div class="code-name">#iconproduct</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmachinery"></use>
                </svg>
                <div class="name">machinery</div>
                <div class="code-name">#iconmachinery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprocess"></use>
                </svg>
                <div class="name">process</div>
                <div class="code-name">#iconprocess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprompt"></use>
                </svg>
                <div class="name">prompt</div>
                <div class="code-name">#iconprompt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconQRcode1"></use>
                </svg>
                <div class="name">QRcode</div>
                <div class="code-name">#iconQRcode1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreeor"></use>
                </svg>
                <div class="name">reeor</div>
                <div class="code-name">#iconreeor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreduce"></use>
                </svg>
                <div class="name">reduce</div>
                <div class="code-name">#iconreduce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconNon-staplefood"></use>
                </svg>
                <div class="name">Non-staple food</div>
                <div class="code-name">#iconNon-staplefood</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrejected-order"></use>
                </svg>
                <div class="name">rejected-order</div>
                <div class="code-name">#iconrejected-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconresonserate"></use>
                </svg>
                <div class="name">resonse rate</div>
                <div class="code-name">#iconresonserate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconremind"></use>
                </svg>
                <div class="name">remind</div>
                <div class="code-name">#iconremind</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconresponsetime"></use>
                </svg>
                <div class="name">response time</div>
                <div class="code-name">#iconresponsetime</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreturn"></use>
                </svg>
                <div class="name">return</div>
                <div class="code-name">#iconreturn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaylater"></use>
                </svg>
                <div class="name">paylater</div>
                <div class="code-name">#iconpaylater</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrising1"></use>
                </svg>
                <div class="name">rising</div>
                <div class="code-name">#iconrising1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconRightarrow"></use>
                </svg>
                <div class="name">Right arrow</div>
                <div class="code-name">#iconRightarrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrmb1"></use>
                </svg>
                <div class="name">rmb</div>
                <div class="code-name">#iconrmb1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconRFQ-logo"></use>
                </svg>
                <div class="name">RFQ-logo</div>
                <div class="code-name">#iconRFQ-logo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsave"></use>
                </svg>
                <div class="name">save</div>
                <div class="code-name">#iconsave</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscanning"></use>
                </svg>
                <div class="name">scanning</div>
                <div class="code-name">#iconscanning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsecurity"></use>
                </svg>
                <div class="name">security</div>
                <div class="code-name">#iconsecurity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsalescenter"></use>
                </svg>
                <div class="name">sales center</div>
                <div class="code-name">#iconsalescenter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconseleted"></use>
                </svg>
                <div class="name">seleted</div>
                <div class="code-name">#iconseleted</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearchcart"></use>
                </svg>
                <div class="name">search cart</div>
                <div class="code-name">#iconsearchcart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconraw"></use>
                </svg>
                <div class="name">raw</div>
                <div class="code-name">#iconraw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconservice"></use>
                </svg>
                <div class="name">service</div>
                <div class="code-name">#iconservice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshare"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#iconshare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsignboard"></use>
                </svg>
                <div class="name">signboard</div>
                <div class="code-name">#iconsignboard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuffling-banner"></use>
                </svg>
                <div class="name">shuffling-banner</div>
                <div class="code-name">#iconshuffling-banner</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconRightbutton"></use>
                </svg>
                <div class="name">Right button</div>
                <div class="code-name">#iconRightbutton</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsorting"></use>
                </svg>
                <div class="name">sorting</div>
                <div class="code-name">#iconsorting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsound-Mute"></use>
                </svg>
                <div class="name">sound-Mute</div>
                <div class="code-name">#iconsound-Mute</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconSimilarproducts"></use>
                </svg>
                <div class="name">category products</div>
                <div class="code-name">#iconSimilarproducts</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsound-filling"></use>
                </svg>
                <div class="name">sound-filling</div>
                <div class="code-name">#iconsound-filling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsuggest"></use>
                </svg>
                <div class="name">suggest</div>
                <div class="code-name">#iconsuggest</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstop"></use>
                </svg>
                <div class="name">stop</div>
                <div class="code-name">#iconstop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsuccess"></use>
                </svg>
                <div class="name">success</div>
                <div class="code-name">#iconsuccess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsupplier-features"></use>
                </svg>
                <div class="name">supplier-features</div>
                <div class="code-name">#iconsupplier-features</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconswitch"></use>
                </svg>
                <div class="name">switch</div>
                <div class="code-name">#iconswitch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsurvey"></use>
                </svg>
                <div class="name">survey</div>
                <div class="code-name">#iconsurvey</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontemplate"></use>
                </svg>
                <div class="name">template</div>
                <div class="code-name">#icontemplate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontext"></use>
                </svg>
                <div class="name">text</div>
                <div class="code-name">#icontext</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsuspended"></use>
                </svg>
                <div class="name">suspended</div>
                <div class="code-name">#iconsuspended</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontask-management"></use>
                </svg>
                <div class="name">task-management</div>
                <div class="code-name">#icontask-management</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontool"></use>
                </svg>
                <div class="name">tool</div>
                <div class="code-name">#icontool</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconTop"></use>
                </svg>
                <div class="name">top</div>
                <div class="code-name">#iconTop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsmile"></use>
                </svg>
                <div class="name">smile</div>
                <div class="code-name">#iconsmile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontextile-products"></use>
                </svg>
                <div class="name">textile-products</div>
                <div class="code-name">#icontextile-products</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontradealert"></use>
                </svg>
                <div class="name">trade alert</div>
                <div class="code-name">#icontradealert</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontopsales"></use>
                </svg>
                <div class="name">top sales</div>
                <div class="code-name">#icontopsales</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontradingvolume"></use>
                </svg>
                <div class="name">trading volume</div>
                <div class="code-name">#icontradingvolume</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontraining"></use>
                </svg>
                <div class="name">training</div>
                <div class="code-name">#icontraining</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconupload"></use>
                </svg>
                <div class="name">upload</div>
                <div class="code-name">#iconupload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconRFQ-word"></use>
                </svg>
                <div class="name">RFQ-word</div>
                <div class="code-name">#iconRFQ-word</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconviewlarger"></use>
                </svg>
                <div class="name">view larger</div>
                <div class="code-name">#iconviewlarger</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconviewgallery"></use>
                </svg>
                <div class="name">viewgallery</div>
                <div class="code-name">#iconviewgallery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvehivles"></use>
                </svg>
                <div class="name">vehivles</div>
                <div class="code-name">#iconvehivles</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontrust"></use>
                </svg>
                <div class="name">trust</div>
                <div class="code-name">#icontrust</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwarning"></use>
                </svg>
                <div class="name">warning</div>
                <div class="code-name">#iconwarning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwarehouse"></use>
                </svg>
                <div class="name">warehouse</div>
                <div class="code-name">#iconwarehouse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoes"></use>
                </svg>
                <div class="name">shoes</div>
                <div class="code-name">#iconshoes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvideo"></use>
                </svg>
                <div class="name">video</div>
                <div class="code-name">#iconvideo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconviewlist"></use>
                </svg>
                <div class="name">viewlist</div>
                <div class="code-name">#iconviewlist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconset"></use>
                </svg>
                <div class="name">set</div>
                <div class="code-name">#iconset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstore"></use>
                </svg>
                <div class="name">store</div>
                <div class="code-name">#iconstore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontool-hardware"></use>
                </svg>
                <div class="name">tool-hardware</div>
                <div class="code-name">#icontool-hardware</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvs"></use>
                </svg>
                <div class="name">vs</div>
                <div class="code-name">#iconvs</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontoy"></use>
                </svg>
                <div class="name">toy</div>
                <div class="code-name">#icontoy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsport"></use>
                </svg>
                <div class="name">sport</div>
                <div class="code-name">#iconsport</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcreditcard"></use>
                </svg>
                <div class="name">credit card</div>
                <div class="code-name">#iconcreditcard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcontacts"></use>
                </svg>
                <div class="name">contacts</div>
                <div class="code-name">#iconcontacts</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheckstand"></use>
                </svg>
                <div class="name">checkstand</div>
                <div class="code-name">#iconcheckstand</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaviation"></use>
                </svg>
                <div class="name">aviation</div>
                <div class="code-name">#iconaviation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconDaytimemode"></use>
                </svg>
                <div class="name">Daytime mode</div>
                <div class="code-name">#iconDaytimemode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinfantmom"></use>
                </svg>
                <div class="name">infant & mom</div>
                <div class="code-name">#iconinfantmom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiscounts"></use>
                </svg>
                <div class="name">discounts</div>
                <div class="code-name">#icondiscounts</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinvoice"></use>
                </svg>
                <div class="name">invoice</div>
                <div class="code-name">#iconinvoice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinsurance"></use>
                </svg>
                <div class="name">insurance</div>
                <div class="code-name">#iconinsurance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnightmode"></use>
                </svg>
                <div class="name">night mode</div>
                <div class="code-name">#iconnightmode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconusercenter"></use>
                </svg>
                <div class="name">user center</div>
                <div class="code-name">#iconusercenter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#iconunlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvip"></use>
                </svg>
                <div class="name">vip</div>
                <div class="code-name">#iconvip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwallet"></use>
                </svg>
                <div class="name">wallet</div>
                <div class="code-name">#iconwallet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlandtransportation"></use>
                </svg>
                <div class="name">land transportation</div>
                <div class="code-name">#iconlandtransportation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvoice"></use>
                </svg>
                <div class="name">voice</div>
                <div class="code-name">#iconvoice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexchangerate"></use>
                </svg>
                <div class="name">exchange rate</div>
                <div class="code-name">#iconexchangerate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcontacts-fill"></use>
                </svg>
                <div class="name">contacts-fill</div>
                <div class="code-name">#iconcontacts-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconadd-account1"></use>
                </svg>
                <div class="name">add-account</div>
                <div class="code-name">#iconadd-account1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyears-fill"></use>
                </svg>
                <div class="name">2years-fill</div>
                <div class="code-name">#iconyears-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconadd-cart-fill"></use>
                </svg>
                <div class="name">add-cart-fill</div>
                <div class="code-name">#iconadd-cart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconadd-fill"></use>
                </svg>
                <div class="name">add-fill</div>
                <div class="code-name">#iconadd-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconall-fill1"></use>
                </svg>
                <div class="name">all-fill</div>
                <div class="code-name">#iconall-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconashbin-fill"></use>
                </svg>
                <div class="name">ashbin-fill</div>
                <div class="code-name">#iconashbin-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalendar-fill"></use>
                </svg>
                <div class="name">calendar-fill</div>
                <div class="code-name">#iconcalendar-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbad-fill"></use>
                </svg>
                <div class="name">bad-fill</div>
                <div class="code-name">#iconbad-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbussiness-man-fill"></use>
                </svg>
                <div class="name">bussiness-man-fill</div>
                <div class="code-name">#iconbussiness-man-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconatm-fill"></use>
                </svg>
                <div class="name">atm-fill</div>
                <div class="code-name">#iconatm-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcart-full-fill"></use>
                </svg>
                <div class="name">cart- full-fill</div>
                <div class="code-name">#iconcart-full-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcart-Empty-fill"></use>
                </svg>
                <div class="name">cart-Empty-fill</div>
                <div class="code-name">#iconcart-Empty-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcameraswitching-fill"></use>
                </svg>
                <div class="name">camera switching-fill</div>
                <div class="code-name">#iconcameraswitching-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconatm-away-fill"></use>
                </svg>
                <div class="name">atm-away-fill</div>
                <div class="code-name">#iconatm-away-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcertified-supplier-fill"></use>
                </svg>
                <div class="name">certified-supplier-fill</div>
                <div class="code-name">#iconcertified-supplier-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalculator-fill"></use>
                </svg>
                <div class="name">calculator-fill</div>
                <div class="code-name">#iconcalculator-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclock-fill"></use>
                </svg>
                <div class="name">clock-fill</div>
                <div class="code-name">#iconclock-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconali-clould-fill"></use>
                </svg>
                <div class="name">ali-clould-fill</div>
                <div class="code-name">#iconali-clould-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcolor-fill"></use>
                </svg>
                <div class="name">color-fill</div>
                <div class="code-name">#iconcolor-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoupons-fill"></use>
                </svg>
                <div class="name">coupons-fill</div>
                <div class="code-name">#iconcoupons-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcecurity-protection-fill"></use>
                </svg>
                <div class="name">cecurity-protection-fill</div>
                <div class="code-name">#iconcecurity-protection-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcredit-level-fill"></use>
                </svg>
                <div class="name">credit-level-fill</div>
                <div class="code-name">#iconcredit-level-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondefault-template-fill"></use>
                </svg>
                <div class="name">default-template-fill</div>
                <div class="code-name">#icondefault-template-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconCurrencyConverter-fill"></use>
                </svg>
                <div class="name">Currency Converter-fill</div>
                <div class="code-name">#iconCurrencyConverter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconCustomermanagement-fill"></use>
                </svg>
                <div class="name">Customer management-fill</div>
                <div class="code-name">#iconCustomermanagement-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiscounts-fill"></use>
                </svg>
                <div class="name">discounts-fill</div>
                <div class="code-name">#icondiscounts-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconDaytimemode-fill"></use>
                </svg>
                <div class="name">Daytime mode-fill</div>
                <div class="code-name">#iconDaytimemode-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexl-fill"></use>
                </svg>
                <div class="name">exl-fill</div>
                <div class="code-name">#iconexl-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcry-fill"></use>
                </svg>
                <div class="name">cry-fill</div>
                <div class="code-name">#iconcry-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconemail-fill"></use>
                </svg>
                <div class="name">email-fill</div>
                <div class="code-name">#iconemail-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfilter-fill"></use>
                </svg>
                <div class="name">filter-fill</div>
                <div class="code-name">#iconfilter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-fill"></use>
                </svg>
                <div class="name">folder-fill</div>
                <div class="code-name">#iconfolder-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfeeds-fill"></use>
                </svg>
                <div class="name">feeds-fill</div>
                <div class="code-name">#iconfeeds-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongold-supplie-fill"></use>
                </svg>
                <div class="name">gold-supplie-fill</div>
                <div class="code-name">#icongold-supplie-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconform-fill"></use>
                </svg>
                <div class="name">form-fill</div>
                <div class="code-name">#iconform-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcamera-fill"></use>
                </svg>
                <div class="name">camera-fill</div>
                <div class="code-name">#iconcamera-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongood-fill"></use>
                </svg>
                <div class="name">good-fill</div>
                <div class="code-name">#icongood-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconimage-text-fill"></use>
                </svg>
                <div class="name">image-text-fill</div>
                <div class="code-name">#iconimage-text-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinspection-fill"></use>
                </svg>
                <div class="name">inspection-fill</div>
                <div class="code-name">#iconinspection-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhot-fill"></use>
                </svg>
                <div class="name">hot-fill</div>
                <div class="code-name">#iconhot-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcompany-fill"></use>
                </svg>
                <div class="name">company-fill</div>
                <div class="code-name">#iconcompany-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiscount-fill"></use>
                </svg>
                <div class="name">discount-fill</div>
                <div class="code-name">#icondiscount-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinsurance-fill"></use>
                </svg>
                <div class="name">insurance-fill</div>
                <div class="code-name">#iconinsurance-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinquiry-template-fill"></use>
                </svg>
                <div class="name">inquiry-template-fill</div>
                <div class="code-name">#iconinquiry-template-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleftbutton-fill"></use>
                </svg>
                <div class="name">left button-fill</div>
                <div class="code-name">#iconleftbutton-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconintegral-fill1"></use>
                </svg>
                <div class="name">integral-fill</div>
                <div class="code-name">#iconintegral-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhelp1"></use>
                </svg>
                <div class="name">help</div>
                <div class="code-name">#iconhelp1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlisting-content-fill"></use>
                </svg>
                <div class="name">listing-content-fill</div>
                <div class="code-name">#iconlisting-content-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlogistic-logo-fill"></use>
                </svg>
                <div class="name">logistic-logo-fill</div>
                <div class="code-name">#iconlogistic-logo-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconMoneymanagement-fill"></use>
                </svg>
                <div class="name">Money management-fill</div>
                <div class="code-name">#iconMoneymanagement-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmanage-order-fill"></use>
                </svg>
                <div class="name">manage-order-fill</div>
                <div class="code-name">#iconmanage-order-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmulti-language-fill"></use>
                </svg>
                <div class="name">multi-language-fill</div>
                <div class="code-name">#iconmulti-language-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlogistics-icon-fill"></use>
                </svg>
                <div class="name">logistics-icon-fill</div>
                <div class="code-name">#iconlogistics-icon-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconNewuserzone-fill"></use>
                </svg>
                <div class="name">New user zone-fill</div>
                <div class="code-name">#iconNewuserzone-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnightmode-fill"></use>
                </svg>
                <div class="name">night mode-fill</div>
                <div class="code-name">#iconnightmode-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconoffice-supplies-fill"></use>
                </svg>
                <div class="name">office-supplies-fill</div>
                <div class="code-name">#iconoffice-supplies-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnotice-fill"></use>
                </svg>
                <div class="name">notice-fill</div>
                <div class="code-name">#iconnotice-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmute"></use>
                </svg>
                <div class="name">mute</div>
                <div class="code-name">#iconmute</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconorder-fill"></use>
                </svg>
                <div class="name">order-fill</div>
                <div class="code-name">#iconorder-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpassword1"></use>
                </svg>
                <div class="name">password</div>
                <div class="code-name">#iconpassword1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmap1"></use>
                </svg>
                <div class="name">map</div>
                <div class="code-name">#iconmap1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaylater-fill"></use>
                </svg>
                <div class="name">paylater-fill</div>
                <div class="code-name">#iconpaylater-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone-fill"></use>
                </svg>
                <div class="name">phone-fill</div>
                <div class="code-name">#iconphone-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icononline-tracking-fill"></use>
                </svg>
                <div class="name">online-tracking-fill</div>
                <div class="code-name">#icononline-tracking-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay-fill1"></use>
                </svg>
                <div class="name">play-fill</div>
                <div class="code-name">#iconplay-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpdf-fill"></use>
                </svg>
                <div class="name">pdf-fill</div>
                <div class="code-name">#iconpdf-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone1"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#iconphone1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpin-fill"></use>
                </svg>
                <div class="name">pin-fill</div>
                <div class="code-name">#iconpin-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconproduct-fill"></use>
                </svg>
                <div class="name">product-fill</div>
                <div class="code-name">#iconproduct-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrankinglist-fill"></use>
                </svg>
                <div class="name">ranking list-fill</div>
                <div class="code-name">#iconrankinglist-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreduce-fill"></use>
                </svg>
                <div class="name">reduce-fill</div>
                <div class="code-name">#iconreduce-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreeor-fill"></use>
                </svg>
                <div class="name">reeor-fill</div>
                <div class="code-name">#iconreeor-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic-fill1"></use>
                </svg>
                <div class="name">pic-fill</div>
                <div class="code-name">#iconpic-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrankinglist"></use>
                </svg>
                <div class="name">ranking list</div>
                <div class="code-name">#iconrankinglist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconproduct1"></use>
                </svg>
                <div class="name">product</div>
                <div class="code-name">#iconproduct1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprompt-fill1"></use>
                </svg>
                <div class="name">prompt-fill</div>
                <div class="code-name">#iconprompt-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconresonserate-fill"></use>
                </svg>
                <div class="name">resonse rate-fill</div>
                <div class="code-name">#iconresonserate-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconremind-fill"></use>
                </svg>
                <div class="name">remind-fill</div>
                <div class="code-name">#iconremind-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconRightbutton-fill"></use>
                </svg>
                <div class="name">Right button-fill</div>
                <div class="code-name">#iconRightbutton-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconRFQ-logo-fill"></use>
                </svg>
                <div class="name">RFQ-logo-fill</div>
                <div class="code-name">#iconRFQ-logo-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconRFQ-word-fill"></use>
                </svg>
                <div class="name">RFQ-word-fill</div>
                <div class="code-name">#iconRFQ-word-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearchcart-fill"></use>
                </svg>
                <div class="name">search cart-fill</div>
                <div class="code-name">#iconsearchcart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsalescenter-fill"></use>
                </svg>
                <div class="name">sales center-fill</div>
                <div class="code-name">#iconsalescenter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsave-fill"></use>
                </svg>
                <div class="name">save-fill</div>
                <div class="code-name">#iconsave-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsecurity-fill"></use>
                </svg>
                <div class="name">security-fill</div>
                <div class="code-name">#iconsecurity-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconSimilarproducts-fill"></use>
                </svg>
                <div class="name">category products-fill</div>
                <div class="code-name">#iconSimilarproducts-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsignboard-fill"></use>
                </svg>
                <div class="name">signboard-fill</div>
                <div class="code-name">#iconsignboard-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconservice-fill"></use>
                </svg>
                <div class="name">service-fill</div>
                <div class="code-name">#iconservice-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuffling-banner-fill"></use>
                </svg>
                <div class="name">shuffling-banner-fill</div>
                <div class="code-name">#iconshuffling-banner-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsupplier-features-fill"></use>
                </svg>
                <div class="name">supplier-features-fill</div>
                <div class="code-name">#iconsupplier-features-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstore-fill"></use>
                </svg>
                <div class="name">store-fill</div>
                <div class="code-name">#iconstore-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsmile-fill"></use>
                </svg>
                <div class="name">smile-fill</div>
                <div class="code-name">#iconsmile-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsuccess-fill"></use>
                </svg>
                <div class="name">success-fill</div>
                <div class="code-name">#iconsuccess-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsound-filling-fill"></use>
                </svg>
                <div class="name">sound-filling-fill</div>
                <div class="code-name">#iconsound-filling-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsound-Mute1"></use>
                </svg>
                <div class="name">sound-Mute</div>
                <div class="code-name">#iconsound-Mute1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsuspended-fill"></use>
                </svg>
                <div class="name">suspended-fill</div>
                <div class="code-name">#iconsuspended-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontool-fill"></use>
                </svg>
                <div class="name">tool-fill</div>
                <div class="code-name">#icontool-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontask-management-fill"></use>
                </svg>
                <div class="name">task-management-fill</div>
                <div class="code-name">#icontask-management-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlock-fill"></use>
                </svg>
                <div class="name">unlock-fill</div>
                <div class="code-name">#iconunlock-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontrust-fill"></use>
                </svg>
                <div class="name">trust-fill</div>
                <div class="code-name">#icontrust-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvip-fill"></use>
                </svg>
                <div class="name">vip-fill</div>
                <div class="code-name">#iconvip-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconset1"></use>
                </svg>
                <div class="name">set</div>
                <div class="code-name">#iconset1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconTop-fill"></use>
                </svg>
                <div class="name">top-fill</div>
                <div class="code-name">#iconTop-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconviewlarger1"></use>
                </svg>
                <div class="name">view larger</div>
                <div class="code-name">#iconviewlarger1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvoice-fill"></use>
                </svg>
                <div class="name">voice-fill</div>
                <div class="code-name">#iconvoice-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwarning-fill"></use>
                </svg>
                <div class="name">warning-fill</div>
                <div class="code-name">#iconwarning-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwarehouse-fill"></use>
                </svg>
                <div class="name">warehouse-fill</div>
                <div class="code-name">#iconwarehouse-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzip-fill"></use>
                </svg>
                <div class="name">zip-fill</div>
                <div class="code-name">#iconzip-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontrade-assurance-fill"></use>
                </svg>
                <div class="name">trade-assurance-fill</div>
                <div class="code-name">#icontrade-assurance-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvs-fill"></use>
                </svg>
                <div class="name">vs-fill</div>
                <div class="code-name">#iconvs-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvideo1"></use>
                </svg>
                <div class="name">video</div>
                <div class="code-name">#iconvideo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontemplate-fill"></use>
                </svg>
                <div class="name">template-fill</div>
                <div class="code-name">#icontemplate-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwallet1"></use>
                </svg>
                <div class="name">wallet</div>
                <div class="code-name">#iconwallet1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontraining1"></use>
                </svg>
                <div class="name">training</div>
                <div class="code-name">#icontraining1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpacking-labeling-fill"></use>
                </svg>
                <div class="name">packing-labeling-fill</div>
                <div class="code-name">#iconpacking-labeling-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconExportservices-fill"></use>
                </svg>
                <div class="name">export services-fill</div>
                <div class="code-name">#iconExportservices-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbrand-fill"></use>
                </svg>
                <div class="name">brand-fill</div>
                <div class="code-name">#iconbrand-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcollection"></use>
                </svg>
                <div class="name">collection</div>
                <div class="code-name">#iconcollection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconconsumption-fill"></use>
                </svg>
                <div class="name">consumption-fill</div>
                <div class="code-name">#iconconsumption-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcollection-fill"></use>
                </svg>
                <div class="name">collection-fill</div>
                <div class="code-name">#iconcollection-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbrand"></use>
                </svg>
                <div class="name">brand</div>
                <div class="code-name">#iconbrand</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrejected-order-fill"></use>
                </svg>
                <div class="name">rejected-order-fill</div>
                <div class="code-name">#iconrejected-order-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhomepage-ads-fill"></use>
                </svg>
                <div class="name">homepage-ads-fill</div>
                <div class="code-name">#iconhomepage-ads-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhomepage-ads"></use>
                </svg>
                <div class="name">homepage-ads</div>
                <div class="code-name">#iconhomepage-ads</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscenes-fill"></use>
                </svg>
                <div class="name">scenes-fill</div>
                <div class="code-name">#iconscenes-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscenes"></use>
                </svg>
                <div class="name">scenes</div>
                <div class="code-name">#iconscenes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsimilar-product-fill"></use>
                </svg>
                <div class="name">similar-product-fill</div>
                <div class="code-name">#iconsimilar-product-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontopraning-fill"></use>
                </svg>
                <div class="name">topraning-fill</div>
                <div class="code-name">#icontopraning-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconconsumption"></use>
                </svg>
                <div class="name">consumption</div>
                <div class="code-name">#iconconsumption</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontopraning"></use>
                </svg>
                <div class="name">topraning</div>
                <div class="code-name">#icontopraning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongold-supplier"></use>
                </svg>
                <div class="name">gold-supplier</div>
                <div class="code-name">#icongold-supplier</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmessagecenter-fill"></use>
                </svg>
                <div class="name">message center-fill</div>
                <div class="code-name">#iconmessagecenter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquick"></use>
                </svg>
                <div class="name">quick</div>
                <div class="code-name">#iconquick</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwriting"></use>
                </svg>
                <div class="name">writing</div>
                <div class="code-name">#iconwriting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondocjpge-fill"></use>
                </svg>
                <div class="name">doc-fill</div>
                <div class="code-name">#icondocjpge-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjpge-fill"></use>
                </svg>
                <div class="name">jpge-fill</div>
                <div class="code-name">#iconjpge-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongifjpge-fill"></use>
                </svg>
                <div class="name">gif-fill</div>
                <div class="code-name">#icongifjpge-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbmpjpge-fill"></use>
                </svg>
                <div class="name">bmp-fill</div>
                <div class="code-name">#iconbmpjpge-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontifjpge-fill"></use>
                </svg>
                <div class="name">tif-fill</div>
                <div class="code-name">#icontifjpge-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpngjpge-fill"></use>
                </svg>
                <div class="name">png-fill</div>
                <div class="code-name">#iconpngjpge-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconHometextile"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#iconHometextile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhome"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#iconhome</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsendinquiry-fill"></use>
                </svg>
                <div class="name">send inquiry-fill</div>
                <div class="code-name">#iconsendinquiry-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcomments-fill"></use>
                </svg>
                <div class="name">comments-fill</div>
                <div class="code-name">#iconcomments-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaccount-fill"></use>
                </svg>
                <div class="name">account-fill</div>
                <div class="code-name">#iconaccount-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfeed-logo-fill"></use>
                </svg>
                <div class="name">feed-logo-fill</div>
                <div class="code-name">#iconfeed-logo-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfeed-logo"></use>
                </svg>
                <div class="name">feed-logo</div>
                <div class="code-name">#iconfeed-logo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhome-fill"></use>
                </svg>
                <div class="name">home-fill</div>
                <div class="code-name">#iconhome-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconadd-select"></use>
                </svg>
                <div class="name">add-select</div>
                <div class="code-name">#iconadd-select</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsami-select"></use>
                </svg>
                <div class="name">sami-select</div>
                <div class="code-name">#iconsami-select</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcamera"></use>
                </svg>
                <div class="name">camera</div>
                <div class="code-name">#iconcamera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-down"></use>
                </svg>
                <div class="name">arrow-down</div>
                <div class="code-name">#iconarrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaccount"></use>
                </svg>
                <div class="name">account</div>
                <div class="code-name">#iconaccount</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcomments"></use>
                </svg>
                <div class="name">comments</div>
                <div class="code-name">#iconcomments</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcart-Empty1"></use>
                </svg>
                <div class="name">cart-Empty</div>
                <div class="code-name">#iconcart-Empty1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfavorites"></use>
                </svg>
                <div class="name">favorites</div>
                <div class="code-name">#iconfavorites</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconorder"></use>
                </svg>
                <div class="name">order</div>
                <div class="code-name">#iconorder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#iconsearch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontrade-assurance"></use>
                </svg>
                <div class="name">trade-assurance</div>
                <div class="code-name">#icontrade-assurance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconusercenter1"></use>
                </svg>
                <div class="name">user center</div>
                <div class="code-name">#iconusercenter1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontradingdata"></use>
                </svg>
                <div class="name">trading data</div>
                <div class="code-name">#icontradingdata</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmicrophone"></use>
                </svg>
                <div class="name">microphone</div>
                <div class="code-name">#iconmicrophone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontxt"></use>
                </svg>
                <div class="name">txt</div>
                <div class="code-name">#icontxt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxlsx"></use>
                </svg>
                <div class="name">xlsx</div>
                <div class="code-name">#iconxlsx</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
